JavaScript-də çeklistdə işin tamamlanması

Eyni qayda ilə <'işlənib' düyməsində hadisə təyin edək:

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'işlənib';
mark.addEventListener('click', function() {
  // burada işin işləndiyini qeyd etmək üçün kod olacaq
});
li.appendChild(mark);

İşin işləndiyini qeyd etmək üçün, müvafiq li teqinə hansısa bir CSS sinifi təyin edilməlidir. Məsələn, bu sinifi done adlandıraq.

O zaman bu sinif üçün müvafiq CSS kodu yazmaq olar:

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