JavaScript-ով չեկլիստի գործի ավարտումը

Նմանապես կկցենք իրադարձություն 'կատարված' կոճակին.

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'կատարված';
mark.addEventListener('click', function() {
  // այստեղ կլինի գործը կատարված նշելու կոդը
});
li.appendChild(mark);

Որպեսզի գործը նշվի որպես կատարված, համապատասխան li թեգին պետք է կցել ինչ-որ CSS դաս։ Օրինակ, անվանենք այս դասը done։

Այդ դեպքում այս դասի համար կարելի է գրել համապատասխան CSS կոդ.

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