Teendő szerkesztése a JavaScript ellenőrzőlistában

Most valósítsuk meg a szerkesztést. Ehhez a szöveggel ellátott span-re kettős kattintást fogunk beállítani:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // itt lesz a szerkesztést megvalósító kód
});
li.appendChild(task);

A megadott span kettős kattintásakor létre kell hoznunk benne egy inputot a span szövegével. Majd, miután megnyomtuk a Enter billentyűt ebben az inputban, az input szövegét vissza kell írnunk a span-ba, majd magát az inputot el kell távolítanunk.