Avsluta en uppgift i checklistan med JavaScript

Låt oss på ett liknande sätt lägga till en händelse på knappen 'gjort':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'gjort';
mark.addEventListener('click', function() {
  // här kommer koden för att markera uppgiften som avslutad
});
li.appendChild(mark);

För att markera en uppgift som avslutad, bör motsvarande li-tagg få någon CSS-klass tillagd. Låt oss kalla denna klass till exempel done.

Då kan vi skriva motsvarande CSS-kod för denna klass:

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