Função novaTarefa com comentários

Segue meu código comentado afim de ajudar quem estiver com dificuldades.

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

//evento de click: ao clicar no botão, algo acontece

//addEventListener: escuta e recebe uma ação... no caso a ação é clicar, depois temos que colocar uma função anonima, 
//pois ao clicar a função dispara uma ação.

// função novaTarefa: a partir do momento que eu clico no meu botão escolhido, ele vai executar a função que irá percorrer o DOM,
// vai buscar o input, vai pegar o valor que está dentro do input, vai colocar no console.log e vai exibir para nós no navegador. 

novaTarefa.addEventListener('click', () => {
    //pega o que o nosso input irá receber de informação
    const input = document.querySelector("[data-form-input]");
    //essa variavel irá armazenar a informação que a varival input recebeu
    const valor = input.value;
    console.log(valor)
});