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
[Problème] EventListener non indépendant ?
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.