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;
}