¿Por favor, me puedes ayudar? Estoy haciendo un ejercicio sobre la creación de un sitio de comercio electrónico dinámico (API y JavaScript) y estoy atascado en la página de mi carrito de compras, que debe darle al cliente la posibilidad de cambiar la cantidad de sus productos, que tienen una identificación diferente. Los productos llegan al carrito de compras con una cantidad ya definida por el cliente en la ficha del producto. Aquí está el código HTML correspondiente y el código Javascript que traté de escribir.

 <article class="cart__item" data-id="{product-ID}" data-color="{product-color}"> <div class="cart__item__img"> <img src="../images/product01.jpg" alt="Photographie d'un canapé"> </div> <div class="cart__item__content"> <div class="cart__item__content__description"> <h2>Nom du produit</h2> <p>Vert</p> <p>42,00 €</p> </div> <div class="cart__item__content__settings"> <div class="cart__item__content__settings__quantity"> <p>Qté : </p> <input type="number" class="itemQuantity" name="itemQuantity" min="1" max="100" value="42"> </div> <div class="cart__item__content__settings__delete"> <p class="deleteItem">Supprimer</p> </div> </div> </div> </article> <script> input.addEventListener('change', modifyQty) function modifyQty(){ article = document.querySelectorAll(".cart__item") console.log(article) for (var i = 0; i < takeStorage.length; i++){ if (takeStorage[i]._id == dataset.id && takeStorage[i].color == dataset.color) { return takeStorage[i].quantity = input.value, input.value = input.value localStorage.setItem('kanap', JSON.stringify(takeStorage)), takeStorage = JSON.parse(localStorage.getItem('kanap')), console.log(takeStorage) } } console.log("Hello World") } </script>

La etiqueta del artículo contiene una identificación de datos y un color de datos correspondiente a la identificación y el color de cada producto seleccionado. Pensé en usar esto para especificar el producto cuya cantidad debería aumentarse, pero no puedo.

Soy principiante en desarrollo web. por favor, ayúdame