Editácia úlohy v checkliste v JavaScripte

Poďme teraz implementovať editáciu. Preto na span s textom pridáme dvojklik:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // tu bude kód, ktorý implementuje editáciu
});
li.appendChild(task);

Pri dvojkliku na uvedený span musíme v ňom vytvoriť input s textom tohto span. Potom po stlačení klávesy Enter v tomto inpute musíme text tohto inputu zapísať späť do nášho span, a samotný input odstrániť.