Feladat befejezése a JavaScript ellenőrzőlistán
Hasonló módon eseményt rendelünk a
'kész' gombhoz:
let 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:
#list .done {
text-decoration: line-through;
}
Egészítse ki a hiányzó kódrészletet a leírt feladat megoldásához.