Chỉnh sửa công việc trong checklist bằng JavaScript
Bây giờ hãy triển khai chức năng chỉnh sửa.
Để làm điều này, chúng ta sẽ thêm sự kiện
nhấp đúp chuột vào phần tử span chứa văn bản:
let task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
// mã triển khai chỉnh sửa sẽ ở đây
});
li.appendChild(task);
Khi nhấp đúp chuột vào span đã chỉ định,
chúng ta phải tạo một ô nhập (input) bên trong nó với văn bản của
span đó. Sau đó, khi nhấn phím
Enter trong ô nhập đó, chúng ta phải ghi văn bản
của ô nhập trở lại vào phần tử span của chúng ta,
và loại bỏ chính ô nhập đó.
Hãy viết thêm phần mã còn thiếu để giải quyết nhiệm vụ đã được mô tả.
