การแก้ไขงานในเช็คลิสต์ด้วย JavaScript

ตอนนี้เรามาเริ่มปรับใช้การแก้ไขกัน เพื่อทำสิ่งนี้ เราจะเพิ่มการดับเบิลคลิก ไปยัง span ที่มีข้อความ:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // รหัสสำหรับการแก้ไขจะอยู่ที่นี่
});
li.appendChild(task);

เมื่อดับเบิลคลิกที่ span ที่ระบุ เราต้องสร้างอินพุตพร้อมข้อความของ span นี้ไว้ภายใน จากนั้นหลังจากกดปุ่ม Enter ในอินพุตนี้ เราต้องบันทึกข้อความ ของอินพุตนี้กลับไปยังสแปนของเรา และลบอินพุตนั้นออก