Edição de item na lista de verificação em JavaScript

Agora vamos implementar a edição. Para isso, no span com texto, vamos adicionar um duplo clique:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // aqui estará o código que implementa a edição
});
li.appendChild(task);

No duplo clique no span indicado devemos criar nele um input com o texto deste span. Então, após pressionar a tecla Enter neste input, devemos gravar o texto deste input de volta no nosso span, e remover o próprio input.