今までは addEventListener を単体で書くことしかなかったので
クリックした時に addEventListener('click', () => {}) 内の処理が行われるということがイメージしやすかったのですが、
今回のように forEach() の中に addEventListener がある場合、
要素をクリックした瞬間にはコードのどこの処理が最初に行われるような仕様になっているのでしょうか。

ページを読み込んだ瞬間に一度 forEach() の処理が行われてクリックされるのを待っているような状態なのか、
forEach() の中にある処理（クリックイベント）が行われた時に初めて forEach() が始動するのか、
より理解を深めるためにも教えていただきたいです。