Feladat befejezése a JavaScript ellenőrzőlistán

Hasonló módon eseményt rendelünk a 'kész' gombhoz:

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'kész';
mark.addEventListener('click', function() {
  // itt lesz a kód a feladat elvégzettként való megjelöléséhez
});
li.appendChild(mark);

Ahhoz, hogy egy feladatot elvégzettként jelöljünk meg, a megfelelő li elemhez kell hozzáadnunk valamilyen CSS osztályt. Nevezzük el ezt az osztályt például done-nak.

Ekkor ehhez az osztályhoz írhatunk megfelelő CSS kódot:

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