Skip to content
This repository has been archived by the owner on Dec 18, 2024. It is now read-only.

NW-6 | AREEB-SATTAR | JS2| [TECH ED] Slideshow| WEEK-4 #224

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

areebsattar
Copy link

Learners, PR Template

Self checklist

  • I have committed my files one by one, on purpose, and for a reason
  • I have titled my PR with COHORT_NAME | FIRST_NAME LAST_NAME | REPO_NAME | WEEK
  • I have tested my changes
  • My changes follow the style guide
  • My changes meet the requirements of this task

Changelist

Briefly explain your PR.

Questions

Ask any questions you have for your reviewer.

Copy link

netlify bot commented Jan 25, 2024

Deploy Preview for cute-gaufre-e4b4e5 ready!

Name Link
🔨 Latest commit 208e260
🔍 Latest deploy log https://app.netlify.com/sites/cute-gaufre-e4b4e5/deploys/65b2c655197a2a0008d5b345
😎 Deploy Preview https://deploy-preview-224--cute-gaufre-e4b4e5.netlify.app/week-3/slideshow
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

@Honestocean Honestocean left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work, good use of intervals, and well done on achieving the stretch functionality!.

autoIntervalID = setInterval(backward, 2500);
});
autoForwardBtn.addEventListener("click", () => {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

consider what happens when the atuoforward button is clicked multiple times

Copy link

@HadikaMalik HadikaMalik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall, your code is easy to follow and understand. You have written clean, concise, readable code which can be maintained and can be updated accordingly later on.
You could however, add comments to expain the purpose and functunality of some of the code to improve the reability.

<button type="button" id="stop-btn">Stop</button>
<button type="button" id="forward-btn">Forward</button>
<button type="button" id="auto-forward-btn">Auto Forward</button>
</section>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The code is clean, concise and readable. The unique ID's you have given to buttons is thoughful and can simplify the development process and make the code more maintainable in the future.

carouselImages.src = images[currentIndex];
}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Your code follows consistent naming conventions which is easy to follow and understand.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for your feedback

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants