1 pièce(s) jointe(s)
LocalStorage, quantités et d'objet produit
Bonjour,
j'ai un petit soucis dans le localstorage, j'essaye de réunir tous les produits dans un seul objet produits pour pouvoir gérer au mieux les quantités... mais avec ce code cela ne fonctionne pas. Puis quand je clique sur "ajouter panier" sur un produit j'aimerais qu'on puisse l'ajouter plusieurs fois.
Pour information je suis sur un site e-commerce avec ajout de produits dans mon panier d'achat.
le code ici :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
// // Ajoute le produit au panier
const addToCart = (parentElt, productData) => {
const btn = document.createElement("button");
const div = document.createElement("div");
btn.textContent = "Ajouter au panier";
div.classList.add("add-to-cart");
parentElt.appendChild(div);
parentElt.appendChild(btn);
// Assigne valeur à envoyer à localStorage
const product = [
productData._id,
productData.name,
productData.price,
productData.imageUrl,
];
// Envoie valeur à localStorage après un clique
btn.addEventListener("click", () => {
localStorage.setItem(product, JSON.stringify(product));
btn.classList.add("invisible");
div.textContent = "Le produit a été ajouté au panier !";
});
}; |
ou sur la photo ici c'est plus lisible :
Pièce jointe 573846Pièce jointe 573846
