Редактиране на задача в чеклист на 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 да премахнем.