Afslutning af opgave i checkliste i JavaScript

På samme måde tilføjer vi en begivenhed til knappen 'færdig':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'færdig';
mark.addEventListener('click', function() {
  // koden til at markere opgaven som færdig vil være her
});
li.appendChild(mark);

For at markere en opgave som færdig, skal den tilsvarende li tag have en CSS-klasse tilføjet. Lad os for eksempel kalde denne klasse done.

Derefter kan vi skrive den tilsvarende CSS-kode for denne klasse:

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