Fullføre en oppgave i sjekkliste på JavaScript

La oss på samme måte legge til en hendelse på knappen 'gjort':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'gjort';
mark.addEventListener('click', function() {
  // koden for å markere oppgaven som fullført vil være her
});
li.appendChild(mark);

For å markere en oppgave som fullført, må den tilsvarende li-taggen få en CSS-klasse. La oss for eksempel kalle denne klassen done.

Da kan vi skrive den tilsvarende CSS-koden for denne klassen:

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