Përfundimi i një rasti në checklist në JavaScript

Le të vendosim në mënyrë të ngjashme një ngjarje në butonin 'bërë':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'bërë';
mark.addEventListener('click', function() {
  // këtu do të jetë kodi për shënimin e rastit si të bërë
});
li.appendChild(mark);

Për të shënuar një rast si të bërë, etiketa përkatëse li duhet të ketë një klasë CSS. Le ta quajmë, për shembull, këtë klasë done.

Pastaj për këtë klasë mund të shkruhet kodi CSS përkatës:

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