Mengedit Item dalam Checklist menggunakan JavaScript
Sekarang mari kita terapkan pengeditan.
Untuk melakukan ini, pada span dengan teks kita akan menambahkan event
double click:
let task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
// kode untuk mengimplementasikan pengeditan akan ada di sini
});
li.appendChild(task);
Saat double click pada span yang ditentukan,
kita harus membuat input di dalamnya dengan teks dari
span tersebut. Kemudian setelah menekan tombol
Enter pada input tersebut, kita harus menuliskan teks
dari input itu kembali ke span kita,
dan menghilangkan input itu sendiri.
Lengkapi bagian kode yang kurang untuk menyelesaikan tugas yang dijelaskan.