Solucionado
const criarTarefa = (evento) => {
evento.preventDefault();
const input = document.querySelector('[data-form-input]');
const valor = input.value;
console.log(valor);
}Quando o botão é clicado, chama-se a função criarTarefa, mas porque não se usa "function"?
Olá Lidiane! Tudo bem?
Na verdade, você está declarando uma variável e atribuindo á ela uma função. A função neste caso está representada como uma Arrow function que é (parâmetro) => { código da função }
E mais, se a sua arrow function só tem um parâmetro, você não precisa envolvê-lo entre parênteses. Funciona da mesma forma.
Espero ter ajudado. Qualquer coisa estou à disposição.