Dokončení úkolu v kontrolním seznamu v JavaScriptu

Obdobným způsobem přidáme událost na tlačítko 'hotovo':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'hotovo';
mark.addEventListener('click', function() {
  // zde bude kód pro označení úkolu jako hotový
});
li.appendChild(mark);

Pro označení úkolu jako hotového je potřeba příslušnému tagu li přidat nějakou CSS třídu. Nazveme ji například done.

Pak pro tuto třídu lze napsat odpovídající CSS kód:

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