如何修复DOM querySelector与Event Listener点击事件不触发问题？

JavaScript代码中的事件监听方法拼写错误，浏览器无法识别该方法，导致事件绑定失败，点击按钮无响应。
具体错误为：addEventListener被误写为addEventListsener，属于常见笔误。

将JavaScript代码中错误的方法名替换为正确的写法即可，修改后的代码如下：

document.querySelector("button").addEventListener("click", handleClick);

function handleClick() {
  alert("I got clicked!");
}

• 目前使用document.querySelector("button")只会匹配页面中第一个<button>元素，也就是W按钮，符合当前调试需求。如果后续需要给所有鼓点按钮绑定点击事件，可以改用document.querySelectorAll(".drum")获取所有鼓点按钮，遍历后逐个绑定监听事件即可。
• 后续开发遇到同类问题时，可以打开浏览器控制台（按F12切换到Console标签），这类方法调用错误会直接抛出红色报错信息，能快速定位问题。

内容的提问来源于stack exchange，提问作者pfft khaganate