Editace úkolu v checklistu v JavaScriptu

Nyní implementujme editaci. K tomu na span s textem přidáme dvojklik:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // zde bude kód realizující editaci
});
li.appendChild(task);

Při dvojkliku na uvedený span musíme v něm vytvořit input s textem tohoto span. Poté po stisknutí klávesy Enter v tomto inputu musíme text tohoto inputu zapsat zpět do našeho spanu, a samotný input odstranit.