Olá a todos, ótimo curso esse, estão de parabéns mesmo.

Porque quando eu uso a função mostraMensagem sem o parênteses no final, a função executa somente quando eu clico, mas quando eu uso a função com o parênteses ele é executada sozinha?

var titulo = document.querySelector("#titulo-principal");
titulo.addEventListener("click", mostraMensagem());
function mostraMensagem(){
    console.log("O título foi clicado");
}
-----------
var titulo = document.querySelector("#titulo-principal");
titulo.addEventListener("click", mostraMensagem);
function mostraMensagem(){
    console.log("O título foi clicado");
}