Zaključevanje opravila v kontrolnem seznamu na JavaScriptu

Na podoben način bomo dodali dogodek na gumb 'opravljeno':

javascriptlet 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:

css#list .done {
  text-decoration: line-through;
}