Editácia úlohy v checkliste v JavaScripte
Poďme teraz implementovať editáciu.
Preto na span s textom pridáme
dvojklik:
let 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ť.
Doplňte chýbajúcu časť kódu na vyriešenie opísanej úlohy.