Asiakirjan muokkaus JavaScript-tarkistuslistassa

Toteutetaan nyt muokkaus. Tätä varten span:iin tekstillä lisäämme kaksoisklikin:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // tähän tulee koodi, joka toteuttaa muokkauksen
});
li.appendChild(task);

Kaksoisklikattaessa määritettyä span:ia meidän on luotava siihen input-tekstikenttä, jossa on tämän span:in teksti. Sen jälkeen kun painetaan Enter näppäintä tässä tekstikentässä, meidän on tallennettava tämän tekstikentän teksti takaisin span-elementtiimme, ja poistettava itse tekstikenttä.