JavaScript'te Checklist'te Bir Maddeyi Tamamlama
Benzer şekilde,
'yapıldı' butonuna bir olay ekleyelim:
let 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:
#list .done {
text-decoration: line-through;
}
Açıklanan görevi çözmek için eksik olan kod kısmını tamamlayın.
