Menyelesaikan Item dalam Checklist JavaScript
Mari tambahkan event secara analogi pada tombol
'selesai':
let mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'selesai';
mark.addEventListener('click', function() {
// kode untuk menandai item sebagai selesai akan ada di sini
});
li.appendChild(mark);
Untuk menandai sebuah item sebagai selesai,
tag li yang bersangkutan perlu
ditambahkan class CSS tertentu. Sebut saja,
class ini done.
Kemudian untuk class ini, kita bisa menulis kode CSS yang sesuai:
#list .done {
text-decoration: line-through;
}
Lengkapi bagian kode yang kurang untuk menyelesaikan tugas yang dijelaskan.