Editarea unei sarcini în checklist în JavaScript

Să implementăm acum editarea. Pentru aceasta, pe span cu text vom atașa dublu clic:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // aici va fi codul care implementează editarea
});
li.appendChild(task);

La dublu clic pe span-ul indicat trebuie să creăm în el un input cu textul acestui span. Apoi, după apăsarea tastei Enter în acest input, trebuie să scriem textul acestui input înapoi în span-ul nostru, iar inputul să fie eliminat.