In a previous exercise class with students, we created a simple shopping cart with JS. Today I had another lecture and I added a localStorage feature to this project. In this version of the project, the added items can persist in the cart after a refresh and we added another file named cart.html that shows the added cart items. You can see the source code of this project in the v2.0.0 tag in this repo: JsShoppingCart ...
I鈥檓 a code mentor and private programming tutor. Today, my student and I were working on event listeners in JS and I tried to teach how to make a simple and minimal shopping cart. If you are learning JS, this could be a good exercise. You can find the code here. And you can see a demo here. In this work, we added our products like this: <div class="product"> <h3>Product one</h3> <p>Price: 2000</p> <button data-id="1" data-price="2000">Add to cart</button> </div> We know that in the real world we do not do this manually and we generate them with loops using data that we have retrieved from a database. ...