Escutando eventos para paginas

Olá, Hugo, tudo bem?

Sim! Chamar funções para eventos de clique é uma prática que realizamos até mesmo usando ferramentas mais avançadas de desenvolvimento.

Mas existem algumas outras situações onde temos eventos que também acontecem quando clicamos em um botão, por exemplo.

Tomando como exemplo o próprio projeto da aula, em vez de adicionar um listener para o evento click do botão, você poderia adicionar um listener para o evento de submit do formulário. O código ficaria assim:

var form = document.querySelector("#form-adiciona");
form.addEventListener("submit", function(event) {
        // Código da função omitido.
}

E funciona da mesma forma! Isso acontece porque, por padrão, clicar em um botão dentro de um formulário o submete automaticamente. Mas note que é uma situação bem específica, que é quando lidamos com formulários.

Espero ter ajudado! Abraços e bons estudos :)