Adicionando a constante Valor no paragrafo.

Seguindo a orientação do professor utilizei a expressão ${valor}, para adicionar o input.value no paragrafo da lista. Quando carregava o navegador, dava um valor para o input e clicava em novo intem, o input gerado era ${valor}, e não o que tinha escrito. A solução foi utilizar um outro método que havia aprendido.

const criarTarefa = (evento) => { 

    evento.preventDefault();

    const lista = document.querySelector('[data-list]');
    const input = document.querySelector('[data-form-input]');
    const valor = input.value;
    console.log( valor  );

    const tarefa = document.createElement('li');
    tarefa.classList.add('task');
    const conteudo = '<p class="content">' + valor + '</p>';

    tarefa.innerHTML = conteudo;

    lista.appendChild(tarefa);

    input.value = " ";
};

const novaTarefa = document.querySelector('[data-form-button]');

novaTarefa.addEventListener('click', criarTarefa);

Desta forma funciona, mas não sei se isso não modifica o tipo de expressão e futuramente pode acarretar em um erro nos nós do DOM. Alguém sabe se isso interfere em algo?