JavaScript-da checklist vazifasini tugatish

Xuddi shunday tarzda tugmani 'bajarildi' ga hodisani bog'laymiz:

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'bajarildi';
mark.addEventListener('click', function() {
  // bu yerda vazifa bajarilgan deb belgilash uchun kod bo'ladi
});
li.appendChild(mark);

Vazifani bajarilgan deb belgilash uchun, mos keladigan li tegiqa ba'zi bir CSS klassini bog'lash kerak. Masalan, bu klassni done deb nomlaymiz.

Keyin bu klass uchun mos keladigan CSS kodini yozish mumkin:

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