Actualmente estoy en aprendizaje y tengo un problema. Debo poder modificar la cantidad del producto o eliminarlo de mi cesta. (por lo tanto, modifique el localStorage) Pero no puedo hacerlo, soy consciente de que esta pregunta se debe haber hecho varias veces. Pero no puedo encontrar una respuesta a mi problema entre las muchas documentaciones, debo hacerlo mal.
let basket = JSON.parse(localStorage.getItem("Sofas")) || []; const cartItems = document.getElementById("cart__items"); contentBaskets = []; function onQuantityChange(id) { } for (let i = 0; i < basket.length; i++) { fetch("http://localhost:3000/api/products/" + basket[i].id) .then((response) => response.json()) .then((data) => { contentBaskets = contentBaskets + `<article class="cart__item" data-id=${basket[i].id}> <div class="cart__item__img"> <img src=${data.imageUrl}> </div> <div class="cart__item__content"> <div class="cart__item__content__titlePrice"> <h2>${data.name}</h2> <p>${data.price}€</p> </div> <div class="cart__item__content__settings"> <p>Couleur : ${basket[i].color}</p> <div class="cart__item__content__settings__quantity"> <p>Qté : </p> <input type="number" class="itemQuantity" name="itemQuantity" min="1" max="100" value=${basket[i].quantity} onchange=onQuantityChange('${basket[i].id}')> </div> <div class="cart__item__content__settings__delete"> <p class="deleteItem">Supprimer</p> </div> </div> </div> </article>`; if (basket.length) { cartItems.innerHTML = contentBaskets; } }); }No estoy seguro de cuál es su pregunta, pero aquí le mostramos cómo editar un objeto en localStorage.
// Get the string that's stored in localStorage const stored = localStorage.getItem("sofas") // Parse const array = JSON.parse(stored) || [] // Push a new sofa to the array array.push("IKEA Friheten") // Set to localStorage the stringified version // of the array, so you can get it later localStorage.setItem("sofas", JSON.stringify(array))