Marquer une tâche comme terminée dans une checklist en JavaScript

Ajoutons un événement de manière similaire sur le bouton 'fait' :

javascriptlet 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 :

css#list .done {
  text-decoration: line-through;
}