Voltooiing van 'n taak in 'n JavaScript-kontrolelys

Laat ons op 'n soortgelyke manier 'n gebeurtenis op die knoppie 'gedoen' plaas:

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'gedoen';
mark.addEventListener('click', function() {
  // hier sal die kode wees om die taak as voltooi te merk
});
li.appendChild(mark);

Om 'n taak as gedaan te merk, moet die ooreenstemmende li-tag een of ander CSS-klas kry. Kom ons noem hierdie klas byvoorbeeld done.

Dan kan ons die ooreenstemmende CSS-kode vir hierdie klas skryf:

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