Edición de una tarea en la lista de verificación en JavaScript

Ahora implementemos la edición. Para esto, en el span con texto asignaremos doble clic:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // aquí estará el código que implementa la edición
});
li.appendChild(task);

Al hacer doble clic en el span indicado deberemos crear en él un input con el texto de este span. Luego, después de presionar la tecla Enter en este input, deberemos escribir el texto de este input de vuelta en nuestro span, y eliminar el input mismo.