Dokončenie úlohy v kontrolnom zozname v JavaScripte
Podobne pridáme udalosť na tlačidlo
'hotovo':
let 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:
#list .done {
text-decoration: line-through;
}
Doplňte chýbajúcu časť kódu pre riešenie opísanej úlohy.
