Marquer une tâche comme terminée dans une checklist en JavaScript
Ajoutons un événement de manière similaire sur le bouton
'fait' :
let mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'fait';
mark.addEventListener('click', function() {
// le code pour marquer la tâche comme faite sera ici
});
li.appendChild(mark);
Afin de marquer une tâche comme terminée,
il faut ajouter une classe CSS à la balise
li correspondante. Appelons cette classe,
par exemple, done.
Ensuite, on peut écrire le code CSS correspondant pour cette classe :
#list .done {
text-decoration: line-through;
}
Complétez la partie manquante du code pour résoudre la tâche décrite.