1
resposta

sobre colocar a mostra na tela a mensagem alterada

Assim não é mais facil? ou pode ter algum problema fazer assim? este código?

const criarTarefa = (event)=>{
    event.preventDefault();

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

    var result = document.querySelector('[data-form-texto]');
    result.textContent = valor;


}


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



novaTarefa.addEventListener("click", criarTarefa);

1 resposta

Fala ai Leandro, tudo bem? Como não tenho contexto do curso não sei lhe dizer a diferença, mas, o seu código para mim esta bom, o único ponto de melhoria que eu vejo seria buscar o input e text fora da função, assim tu busca apenas uma vez e economiza processamento.

const input = document.querySelector('[data-form-input]');
const result = document.querySelector('[data-form-texto]');

const criarTarefa = (event)=>{
    event.preventDefault();
    const valor = input.value;
    result.textContent = valor
}

Espero ter ajudado.