Finalizarea unei sarcini în checklist pe JavaScript

Vom atașa în mod similar un eveniment butonului 'făcut':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'făcut';
mark.addEventListener('click', function() {
  // aici va fi codul pentru marcarea sarcinii ca fiind făcută
});
li.appendChild(mark);

Pentru a marca sarcina ca fiind finalizată, tag-ului li corespunzător i se va aplica o clasă CSS. Să numim, de exemplu, această clasă done.

Atunci pentru această clasă se poate scrie codul CSS corespunzător:

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