Bonjour tout le monde j'ai un soucis pour utiliser ma fonction de suppression
Je vous ais mis mon code pour que vous puissiez voir, mais tous mes élément sont créer dans un boucle for dans mon panier (pour qu'ils se créer tous automatiquement quand il y en a plusieurs)
Ma fonction de suppression ne se laisse appeler que si je la met dans la création de mes éléments "cartProducts "
Le problème que j'ai c'est que du coup, si par exemple j'ai 5 articles dans mon panier, si je viens a vouloir supprimer le 2ème article, ma fonction se repète et supprime tous les articles après le 2ème (ça laisse le premier du coup)
Avez vous une idée svp de ce que je pourrais faire pour faire ne sorte d'utiliser ma fonction de suppression qu'une seule fois sans qu'elle se repète svp j'avoue que je sèche un peut ça serais génial de votre part si vous pouviez m'apporter votre lumière
Merci par avance à ceux qui me liront / répondront
Modifié par JohanDev (19 Nov 2021 - 16:29)
Je vous ais mis mon code pour que vous puissiez voir, mais tous mes élément sont créer dans un boucle for dans mon panier (pour qu'ils se créer tous automatiquement quand il y en a plusieurs)
Ma fonction de suppression ne se laisse appeler que si je la met dans la création de mes éléments "cartProducts "
Le problème que j'ai c'est que du coup, si par exemple j'ai 5 articles dans mon panier, si je viens a vouloir supprimer le 2ème article, ma fonction se repète et supprime tous les articles après le 2ème (ça laisse le premier du coup)
Avez vous une idée svp de ce que je pourrais faire pour faire ne sorte d'utiliser ma fonction de suppression qu'une seule fois sans qu'elle se repète svp j'avoue que je sèche un peut ça serais génial de votre part si vous pouviez m'apporter votre lumière
Merci par avance à ceux qui me liront / répondront
//Fonction de suppression
let products = JSON.parse(localStorage.getItem("products"));
function removeItem() {
let removeBtn = document.querySelectorAll(".deleteItem");
console.log(removeBtn);
for (let i = 0; i < removeBtn.length; i++) {
removeBtn[i].addEventListener("click", () => {
let articleSupp = removeBtn[i].closest("article");
articleSupp.remove();
deleteItemSelected(i);
alert("This Item will be remove from your cart");
window.location.href = "cart.html";
// Actualising the total amount of item in the cart
});
//This Function
function deleteItemSelected(index) {
products.splice(index, 1);
localStorage.setItem("products", JSON.stringify(products));
}
}
}
removeItem(); /************* Je ne peux pas appeler simplement ma fonction ici ou plus haut, comme on le fait des fois pour d'autres fonctions**********/
Modifié par JohanDev (19 Nov 2021 - 16:29)