Как не вызвать функцию автоматически?
потому что передаётся значение выполнения функции roar. 
ваш вариантfunction roar(word) {
  alert(word);
}
document.querySelector(".north").addEventListener("click", function(){ roar('hello'); });
то есть передаётся указатель на функцию (сама сущность, объект), а не форма её вызова
function roar(event) {
   console.log(event)
}
document.querySelector(".north").addEventListener("click", roar);
Так в roar передастся объект события. И функция будет вызвана только по клику.
P.S.: очень вопрос меня волнует. Что происходит в голове у людей, которые используют вместо наречия "автоматически" прилагательное "автоматический"? Это какой-то особенный ген, лишняя хромосома? В чем прикол этого?