Segue a parte que me deixou com dúvida:
const criarTarefa = (evento) => { evento.preventDefault() ... }
Como o 'evento' sabe o contexto que ele está para usar a função corretamente?
Ele vai aplicar o 'preventDefault' pra tudo dentro do bloco de execução?
Oi, Rodrigo, tudo bem?
O que o preventDefault()faz é cancelar um evento se for cancelável. Então, no caso acima, o criamos uma função que receber como parâmetro um evento e passamos esse evento para o preventDefault(). E é exatamente isso, para toda tarefa criada com a função criarTarefa nossa página não será recarregada, assim, perdendo as informações.
Segue a documentação: https://developer.mozilla.org/pt-BR/docs/Web/API/Event/preventDefault
Se ficou alguma dúvida, é só falar!
Obrigado pela resposta Laís. :) Ainda tô uma dúvida... mas é porque acabei descrevendo ela direito mesmo. No final do arquivo a gente passa a função por referência:
novaTarefa.addEventListener('click', criarTarefa);
Aí que ficou a minha dúvida mesmo. O addEventListener vai jogar o click como parâmetro do criaTarefa?
o listener (ouvinte) como o próprio nome diz, fica ouvindo o tipo de evento passado como string no primeiro parâmetro, neste caso o click. ja o segundo argumento é a função que deverá ser executada, quando a ocorrência do clique ['click] no elemento capturado. Neste caso apenas o nome da função. Espero ter ajudado.