JavaScript'te Checklist'te Bir Maddeyi Tamamlama

Benzer şekilde, 'yapıldı' butonuna bir olay ekleyelim:

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'yapıldı';
mark.addEventListener('click', function() {
  // burada maddeyi yapıldı olarak işaretlemek için kod olacak
});
li.appendChild(mark);

Bir maddeyi yapıldı olarak işaretlemek için, ilgili li etiketine bir CSS sınıfı eklemek gerekir. Örneğin, bu sınıfı done olarak adlandıralım.

Ardından bu sınıf için ilgili CSS kodunu yazabiliriz:

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