Avsluta en uppgift i checklistan med JavaScript
Låt oss på ett liknande sätt lägga till en händelse på knappen
'gjort':
let mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'gjort';
mark.addEventListener('click', function() {
// här kommer koden för att markera uppgiften som avslutad
});
li.appendChild(mark);
För att markera en uppgift som avslutad,
bör motsvarande li-tagg
få någon CSS-klass tillagd. Låt oss kalla
denna klass till exempel done.
Då kan vi skriva motsvarande CSS-kod för denna klass:
#list .done {
text-decoration: line-through;
}
Komplettera den saknade delen av koden för att lösa den beskrivna uppgiften.