Javascript ReferenceError=document.querySelectorAll（'；[数据编号]'；）

const numberButtons=document.querySelectorAll（“[data number]”）
const operationButtons=document.querySelectorAll（“[data operation]”）
const equalsButton=document.querySelector（“[data equals]”）
const deleteButton=document.querySelector（“[data delete]”）
const allClearButton=document.querySelector（“[data all clear]”）
const previosoperandTextElement=document.querySelector（“[data previous Operator]”）
const CurrentOperationandTextElement=document.querySelector（“[data current Operator]”）
s
类计算器{
构造函数（PreviosOperationAndTextElement、CurrentOperationAndTextElement）{
this.PreviosOperationandTextElement=PreviosOperationandTextElement
this.CurrentOperationandTextElement=CurrentOperationandTextElement
这个
}
清除（）{
this.currentOperator=“”
this.previous操作数=“”
this.operation=未定义
}
删除（）{
}
附录编号（编号）{
this.currentOperator=number
}
选择操作（操作）{
}
计算（）{
}
updateDisplay（）{
this.CurrentOperationAndTextElement.innerText=this.CurrentOperator
}
}
常量计算器=新计算器（PreviosOperationAndTextElement、CurrentOperationAndTextElement）
numberButtons.forEach（按钮=>{
按钮。addEventListener（'单击'，（）=>{
计算器.appendNumber（按钮.innerText）
calculator.updateDisplay（）
})
})

*，*：：之前，*：：之后{
框大小：边框框；
字体系列：高谭圆形，无衬线；
字体大小：正常；
}
身体{
填充：0；
保证金：0；
背景：线性渐变（向右、蓝色、绿色）
}
.计算器网格{
显示：网格；
证明内容：中心；
对齐内容：居中对齐；
最小高度：100vh；
网格模板列：重复（4100px）；
网格模板行：最小最大值（120px，自动）重复（5100px）；
}
.计算器网格>按钮{
光标：指针；
字号：2rem；
边框：1px纯白；
大纲：无；
背景色：rgba（255、255、255、75）；
}
.计算器网格>按钮：悬停{
背景色：rgba（255、255、255、.9）；
}
.跨度2{
格构柱：跨度2；
}
.产出{
网格柱：1/-1；
背景色：rgba（0,0,0,75）；
显示器：flex；
对齐项目：柔性端；
证明内容：之间的空间；
弯曲方向：立柱；
填充：10px；
单词包装：打断单词；
单词break：打破一切；
}
.output.previous操作数{
颜色：rgba（255、255、255、75）；
字号：1rem；
}
.output.当前操作数{
颜色：白色；
字号：1rem；
}

计算器
自动控制
德尔
/
1.
2.
3.
*
4.
5.
6.
+
7.
8.
9
-
.
0
=

Node.js不提供

文档

对象。浏览器可以

---

如果您的程序设计为从HTML文档中的

元素运行，则从那里运行它。不要在Node.js中运行它。

您能给我们提供代码吗？然后我们了解了引用错误可能被抛出的位置和原因。这是一个DOM（客户端）方法，您不能在节点中使用它。这是我的第一个项目，也是新项目。如何从HTML运行它？我如何绕过这个问题？谢谢。请在web浏览器中打开HTML文档。