Zaključevanje opravila v kontrolnem seznamu na JavaScriptu
Na podoben način bomo dodali dogodek na gumb
'opravljeno':
let mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'opravljeno';
mark.addEventListener('click', function() {
// tukaj bo koda za označevanje opravila kot opravljenega
});
li.appendChild(mark);
Da označimo opravilo kot opravljeno,
ustreznemu označevalcu li moramo
dodeliti nek CSS razred. Poimenujmo ga na primer
done.
Nato lahko za ta razred napišemo ustrezen CSS kodo:
#list .done {
text-decoration: line-through;
}
Dopolnite manjkajoči del kode za rešitev opisane naloge.