To-do ülesande muutmine JavaScriptis

Rakendame nüüd muutmise funktsionaalsuse. Selleks lisame span-ile tekstiga topeltkliki:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // siin on kood, mis rakendab muutmise
});
li.appendChild(task);

Topeltkliki määratud span-il peame looma selles sisendvälja selle span tekstiga. Seejärel pärast klahvi Enter vajutamist selles sisendväljas peame sisendvälja teksti tagasi kirjutama oma span-i, ja sisendvälja ise eemaldama.