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

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.

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.