Hoàn thành công việc trong checklist bằng JavaScript
Tương tự, hãy gắn sự kiện cho nút
'đã hoàn thành':
let mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'đã hoàn thành';
mark.addEventListener('click', function() {
// mã để đánh dấu công việc đã hoàn thành sẽ ở đây
});
li.appendChild(mark);
Để đánh dấu một công việc là đã hoàn thành,
chúng ta cần thêm một lớp CSS nào đó cho thẻ
li tương ứng. Hãy đặt tên cho lớp đó,
ví dụ là done.
Sau đó, chúng ta có thể viết mã CSS tương ứng cho lớp này:
#list .done {
text-decoration: line-through;
}
Hãy viết phần mã còn thiếu để giải quyết nhiệm vụ được mô tả.
