Completamento di un'attività nella checklist in JavaScript

Aggiungiamo in modo simile un evento al pulsante 'fatto':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'fatto';
mark.addEventListener('click', function() {
  // qui andrà il codice per segnare l'attività come completata
});
li.appendChild(mark);

Per segnare un'attività come completata, al corrispondente tag li si deve aggiungere una qualche classe CSS. Chiamiamo, ad esempio, questa classe done.

Allora per questa classe si può scrivere il corrispondente codice CSS:

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