Bewerken van een taak in de checklist met JavaScript

Laten we nu het bewerken implementeren. Hiervoor voegen we aan de span met tekst een dubbele klik toe:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // hier komt de code die het bewerken implementeert
});
li.appendChild(task);

Bij dubbele klik op de genoemde span moeten we er een input in maken met de tekst van deze span. Vervolgens moeten we na het indrukken van de Enter toets in deze input de tekst van deze input terugschrijven naar onze span, en de input zelf verwijderen.