// função criarTarefa: 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.
let criarTarefa = (evento) => {
//previne que nosso html revarrega a pagina sem pedirmos
evento.preventDefault()
//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);
//vai limpar nosso campo input
input.value = ""}
let 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.
novaTarefa.addEventListener('click', criarTarefa);
