Redigering av oppgave i sjekkliste på JavaScript

La oss nå implementere redigering. For dette på span med tekst vil vi legge til dobbeltklikk:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // her vil koden som implementerer redigering være
});
li.appendChild(task);

Ved dobbeltklikk på den angitte span skal vi opprette et input-felt i den med teksten fra denne span. Deretter, etter å ha trykket på tast Enter i dette input-feltet, skal vi teksten fra dette input-feltet skrive tilbake til vår span, og fjerne selve input-feltet.