事件侦听器：为什么每个额外的字符都会重复

问：

我正在阅读这个例子（页面上的第一个）：

https://btholt.github.io/complete-intro-to-web-dev-v3/lessons/putting-it-all-together/events-and-listeners 第一个带有“单击我并发出警报”的。

我不明白为什么每次在警报框中添加一个字符时都会创建一个新的事件侦听器，如果我添加三个“!!”，alert（“嘿!!”）;然后警报会额外出现 2 次，这是为什么？如果我在 w3 学校这样做，就不会发生相同的行为

const button = document.querySelector(".event-button");
button.addEventListener("click", function () {
  alert("Hey there!");
});