Supprimer un article du panier
Hello ! Je suis sur un exercice de création d'un site de e-commerce basique via une API local. J'ai réussi à créer panier qui se rempli avec pour chaque élément un bouton supprimer. Lorsque je l'utilise dans l'ordre (du haut vers le bas) : pas de problème mes articles sont bien supprimés mon panier s'actualise correctement (ainsi que mon localStorage). Par contre si je decide de supprimer mes articles de façon aléatoire : c'est le bazar (par exemple, si je supprime le dernier article de ma liste, c'est le premier qui disparait...) Happy Codeurs, pourriez vous regarder mon code et m'aider à trouver une solution ? MERCI !
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
// Btn supprimer article //
const deleteItem = document.querySelectorAll(".delete__item");
deleteItem.forEach((btn) => {
btn.addEventListener('click', e => {
deleteItemSelect(e, items);
});
// Dans LocalStorage : suppression de l'article sélectionné //
function deleteItemSelect(e, items) {
let index = e.target.classList[1].slice();
items.splice(index, 1);
localStorage.setItem('anyItem', JSON.stringify(items));
if (items.length === 0) {
localStorage.removeItem('anyItem');
}
updateNumberArticles();
} |
