Edycja zadania w checkliste w JavaScript

Teraz zaimplementujmy edycję. Aby to zrobić, na span z tekstem zawiesimy podwójne kliknięcie:

javascriptlet 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ąć.