потому что передаётся значение выполнения функции roar.
ваш вариант
function roar(word) {
alert(word);
}
document.querySelector(".north").addEventListener("click", function(){ roar('hello'); });
то есть передаётся указатель на функцию (сама сущность, объект), а не форма её вызова
