To-do nimekirja ülesande lõpetamine JavaScriptis

Lisame sündmuse nupule 'tehtud' sarnasel viisil:

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'tehtud';
mark.addEventListener('click', function() {
  // siin on kood ülesande märgimiseks tehtuks
});
li.appendChild(mark);

Selleks, et märkida ülesanne tehtuks, tuleb vastavale li märgendile lisada mõni CSS klass. Nimetame seda klassi näiteks done.

Siis saab selle klassi jaoks kirjutada vastava CSS koodi:

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