Уређивање ставке у контролној листи на 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 да уклонимо.