Discussion :

[GuillaumeAzs]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

[Doksuri]

ou sur la photo ici c'est plus lisible :

ou meme, soyons fou... le bouton [code] (le # tout a droite)

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// 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 !";
  });
};

[GuillaumeAzs]

Je n'ai pas compris ta réponse