Solucionado
Não entendi direito a parte em que ele explica como tirar o comportamento padrão de atualizar a página quando se clica no botão do formulário. Ele colocou um parâmetro na função chamado evento e depois adicionou o evento.preventDefault() na função. Não ficou claro pra mim, poderia ser qualquer palavra em vez de evento? Como o js sabe que esse parâmentro se refere a essa ação padrão de atualizar a página? Se alguém puder me explicar melhor essa parte agradeço
Olá Gustavo, tudo bem?
Sim, poderia ser qualquer palavra. O professor utilizou evento pois é um termo bem comum de se utilizar nesses casos, assim como: e, evt, event, dentre outros.
Quando o navegador está lidando com eventos do tipo click, ele armazena em um objeto todas as informações sobre esse evento. Ao passar o parâmetro evento para nossa função, temos acesso a todas essas informações.
Dentro dessas informações, temos o método preventDefault que evita o comportamento padrão do objeto, ou seja, sabemos que o comportamento padrão ao clicar em um botão de submissão de formulário é que ele envie os dados e atualize a página. Quando utilizamos o preventDefault estamos dizendo para que ele bloqueie o comportamento padrão daquele evento. Ou seja, ao clicarmos no botão não queremos que ele atualize a página.
O js sabe que esse parâmetro se refere a essa ação pois o parâmetro que passamos para função é um objeto com todas as informações do evento que ocorreu, neste caso, o evento de clicar no botão.
Espero ter te ajudado! =)