Redigering av en uppgift i checklistan med JavaScript

Låt oss nu implementera redigering. För att göra detta lägger vi till dubbelklick på span med texten:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // här kommer koden som implementerar redigering
});
li.appendChild(task);

Vid dubbelklick på den angivna span skulle vi skapa en input i den med texten från denna span. Sedan efter att ha tryckt på Enter i denna input ska vi skriva texten från denna input tillbaka till vår span, och ta bort själva input.