Mengedit Item dalam Checklist menggunakan JavaScript

Sekarang mari kita terapkan pengeditan. Untuk melakukan ini, pada span dengan teks kita akan menambahkan event double click:

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