Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product List with Cart using HTML, CSS, and JS.

@ChimiRinzin-HWR

Desktop design screenshot for the Product list with cart coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Enlightened with the fact that the elements created in a single iteration and having applied an event listener to an element in the same iteration allows for grouping making the work way easier and less complicated although it's hard to understand.

What challenges did you encounter, and how did you overcome them?

Firstly, it was difficult to have event listeners working. Writing them outside of the creation loop seemed difficult and event delegations only worked until the first step. Later, finding out that attaching event listeners work inside the iterations, I was confused throughout the completion process.

Community feedback

@Zedmc

Posted

Great work, very impressed! One task you could work on would be that when the total quantity of a protect is reduced to 0, then it would be removed from the cart. Might be something you would want to check out. Great work honestly.

1

@ChimiRinzin-HWR

Posted

@Zedmc That's a cool suggestion. Thanks a lot.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord