Melengkapkan Item dalam Senarai Semak JavaScript

Mari tambah event dengan cara yang sama pada butang 'selesai':

javascriptlet 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:

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