Javascript 如何使用一段代码来定位网站上的所有类？（没有jquery）

作为课堂作业的一部分，我一直在做一个游戏，遇到了一个问题。问题是代码只影响一个按钮。我在两个“.restart”按钮上使用以下命令来重新加载浏览器

//Reload Page
document.querySelector('.restart').addEventListener('click', function () {
    location.reload();
});

---

一个重启按钮位于顶部（如标题）。另一个是模态。模式首先显示在HTML中。我是99.9%，这就是为什么第二个被跳过的原因。我尝试过使用

document.querySelectorAll….

但是我得到了一个

未捕获的类型错误：document.querySelectorAll（…）。addEventListener不是一个函数，也不起作用。如何使用一个代码段来控制Javascript中所有相同的类？下面是一个代码笔的游戏

发生这种情况是因为
querySelectorAll（）
返回一个元素数组。

解决方案是迭代这些元素，并将事件附加到每个元素上


按钮1
按钮2
按钮3
var elements=document.querySelectorAll（“.restart”）；
对于（var i=0；i
document.querySelectorAll
返回一个
节点列表
——您需要遍历它（例如，返回的
节点列表
有一个
forEach
方法）。。。所以
document.queryselectoral（…）.forEach（node=>node.addEventListener（'click'，…）
感谢您的输入。我在用//重新加载页面文档.queryselectoral（'.restart'）.forEach（节点=>addEventListener（'click'，函数（）{location.Reload（）；}））；但是，似乎每次单击按钮都会重新加载页面。。。。。语法可能有问题吗？（我不太熟悉使用=>）