Редактирование дела в чеклисте на JavaScript

Давайте теперь реализуем редактирование. Для этого на span с текстом навесим двойной клик:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // здесь будет код, реализующий редактирование
});
li.appendChild(task);

По двойному клику на указанный span мы должны создать в нем инпут с текстом этого span. Затем после нажатия клавиши Enter в этом инпуте мы должны текст этого инпута записать обратно в наш спен, а сам инпут убрать.