Edycja zadania w checkliste w JavaScript
Teraz zaimplementujmy edycję.
Aby to zrobić, na span z tekstem zawiesimy
podwójne kliknięcie:
let task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
// tutaj będzie kod realizujący edycję
});
li.appendChild(task);
Po podwójnym kliknięciu na wskazany span
musimy utworzyć w nim input z tekstem tego
span. Następnie po naciśnięciu klawisza
Enter w tym inpucie musimy tekst
tego inputa zapisać z powrotem do naszego spana,
a sam input usunąć.
Dopisz brakującą część kodu do rozwiązania opisanego zadania.