Lietas pabeigšana JavaScript čeklistē

Līdzīgā veidā pievienosim notikumu pogai 'pabeigts':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'pabeigts';
mark.addEventListener('click', function() {
  // šeit būs kods, lai atzīmētu lietu kā pabeigtu
});
li.appendChild(mark);

Lai atzīmētu lietu kā pabeigtu, atbilstošajam li tagam vajadzētu pievienot kādu CSS klasi. Nosauksim, piemēram, šo klasi par done.

Tad šai klasei var uzrakstīt atbilstošo CSS kodu:

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