Dokončenie úlohy v kontrolnom zozname v JavaScripte

Podobne pridáme udalosť na tlačidlo 'hotovo':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'hotovo';
mark.addEventListener('click', function() {
  // tu bude kód pre označenie úlohy ako hotovej
});
li.appendChild(mark);

Aby sme označili úlohu ako dokončenú, je potrebné pridať príslušnému tagu li nejakú CSS triedu. Nazvime ju napríklad done.

Pre túto triedu potom môžeme napísať príslušný CSS kód:

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