Bonjour, j'ai un problème avec mon programme JavaScript !

      socket.on("getList", function(message){
        console.log("Recuperation de la liste !");
        listObject = strToObject(message);
        toDoList_list.innerHTML = "";
        for(var key = 0 in listObject){

            //Contenu de l'element:
            listContent = document.createElement("span");
            listContent.textContent = key+": "+listObject[key]

            //Boutton supprimer
            var delButton = document.createElement("button");
            delButton.setAttribute("type", "button");
            delButton.setAttribute("class", "deleteButton");
            delButton.textContent = "Supprimer";
            delButton.addEventListener("click", function(){
                socket.emit("delElement", objectToStr(key));
            });

            //Boutton editer
            var editButton = document.createElement("button");
            editButton.setAttribute("type", "button");
            editButton.setAttribute("class", "editButton");
            editButton.textContent = "Editer";
            editButton.addEventListener("click", function(){
                taskNameInput.value = key;
                taskValueInput.value = listObject[key];
            });

            //Tout ajouter dans le 
            var element = document.createElement("li");
            element.appendChild(listContent);
            element.appendChild(delButton);
            element.appendChild(editButton);
            toDoList_list.appendChild(element);
        }
      });

Le problème est que si j'ajoute deux éléments (on vas dire elt1 et elt2) si je clique sur supprimer elt1 ca vas me supprimer le dernier élément qui a été ajouté (dans notre case alt2) ! En gros une fois que j'ajoute l'event listener de la suppression à elt2 ca le modifie aussi sur elt1...

-
Edité par Eloi BERLINGER 19 avril 2018 à 12:44:31