Dokončení úkolu v kontrolním seznamu v JavaScriptu
Obdobným způsobem přidáme událost na tlačítko
'hotovo':
let 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:
#list .done {
text-decoration: line-through;
}
Doplňte chybějící část kódu pro řešení popsaného úkolu.