Diferença entre e/ou quando utilizar a combinação "elemento/evento" button/click ou form/submit

Olá pessoal!

No curso de Javascript (https://cursos.alura.com.br/course/javascript-programando-na-linguagem-web), é considerado o elemento "button" e o evento (addEventListener) "click" para executar as ações relacionadas aos campos do formulário. Ex:

botaoAdicionarPaciente = document.querySelector("#adicionar-paciente"); //button
botaoAdicionarPaciente.addEventListener("click", function(event){
    event.preventDefault();

Nesta aula foi considerado o elemento "form" e o evento "submit":

document.querySelector('.form').addEventListener('submit', function(event) { //form
    event.preventDefault();

Dúvida: qual a diferença e/ou quando (é mais vantajoso) utilizar um ou outro?

Obs: desculpa estar pedindo neste curso (pelo que eu entendi o foco é outro, mais voltado para o ES6 mesmo), mas como estou vindo do curso de Javascript, a dúvida surgiu agora, comparando os dois cursos.

At.te