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

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

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

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

โปรดเขียนส่วนที่ขาดหายไปของโค้ดเพื่อแก้ปัญหา ตามที่อธิบายไว้