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 : 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
 
        // 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();
}