Melengkapkan Item dalam Senarai Semak JavaScript
Mari tambah event dengan cara yang sama pada butang
'selesai':
let mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'selesai';
mark.addEventListener('click', function() {
// kod untuk menandakan item sebagai selesai akan berada di sini
});
li.appendChild(mark);
Untuk menandakan item sebagai selesai,
tag li yang sepadan perlu
mempunyai kelas CSS. Mari kita namakan,
sebagai contoh, kelas ini sebagai done.
Kemudian untuk kelas ini, kita boleh menulis kod CSS yang sepadan:
#list .done {
text-decoration: line-through;
}
Sila lengkapkan bahagian kod yang diperlukan untuk menyelesaikan tugas yang diterangkan.