To-do nimekirja ülesande lõpetamine JavaScriptis
Lisame sündmuse nupule
'tehtud' sarnasel viisil:
let mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'tehtud';
mark.addEventListener('click', function() {
// siin on kood ülesande märgimiseks tehtuks
});
li.appendChild(mark);
Selleks, et märkida ülesanne tehtuks,
tuleb vastavale li märgendile
lisada mõni CSS klass. Nimetame seda
klassi näiteks done.
Siis saab selle klassi jaoks kirjutada vastava CSS koodi:
#list .done {
text-decoration: line-through;
}
Kirjutage puuduv koodiosa ülesande lahendamiseks.