Уредување на задача во чеклиста на JavaScript

Ајде сега да ја имплементираме функцијата за уредување. За ова на span со текст ќе додадеме двоен клик:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // овде ќе биде кодот што ја имплементира функцијата за уредување
});
li.appendChild(task);

При двоен клик на наведениот span треба да креираме input со текстот од овој span. Потоа по притискање на копчето Enter во овој input, треба да го запишеме текстот од input-от назад во нашиот span, а самиот input да го отстраниме.