Javascript 使所有清除按钮在计算器上工作

我正试图让all clear按钮在计算器上工作，但出于某种原因，我必须单击=按钮才能工作，有人能帮忙吗，应该让它工作的函数在页面底部

打字错误：

//应该是

const equalsButton = document.querySelector('[data-equals]');
const deleteButton = document.querySelector('[data-delete]');
const allClearButton = document.querySelector('[data-all-clear]');

document.addEventListener 内容加载， 作用{ 类计算器{ 构造函数上一个操作数TextElement，当前操作数TextElement{ this.PreviousOperationTextElement=PreviousOperationTextElement； this.currentOperatureTextElement=currentOperatureTextElement； } 清楚的{ this.currentOperator=； this.previousOperand=； 此操作=未定义； } 删除fn{ this.currentOperator=this.currentOperator.0，-1 } 附录编号{ if number=='.&&this.currentOperator.includes'.'返回； this.currentOperator=this.currentOperator.toString+number.toString； } 选择操作操作{ 如果此.currentOperator==返回 如果此.previous操作数！=={ 这是计算机 } 这个操作=操作； this.previous操作数=this.currentOperator 此.CurrentOperator= } 计算{ 让计算 const prev=parseFloatthis.previous操作数 const current=parseFloatthis.currentOperator ifisNaNprev不稳定电流 切换此操作{ 格“+”： 计算=上一次+当前 打破 案例'-'： 计算=上一次-当前 打破 案例“×”： 计算=上一次*当前 打破 案例“÷”： 计算=上一次/当前 打破 违约： 回来 } this.currentOperator=计算 this.operation=未定义 this.previous操作数= } 更新显示{ this.currentOperatureTextElement.innerText=this.currentOperator； this.previousOperationTextElement.innerText=this.previousOperator； } } const numberButtons=document.queryselectoral'[data number]'； const operationButtons=document.queryselectoral“[data operation]”； const equalsButton=document.querySelector“[data equals]”； const deleteButton=document.querySelector“[data delete]”； const allClearButton=document.querySelector“[data all clear]”； const previousOperationTextElement=document.querySelector“[data previous Operator]”； const currentOperatureTextElement=document.querySelector“[数据当前操作数]”； 常量计算器=新计算器上一个操作数文本元素，当前操作数文本元素； 计算器。清除； numberButtons.forEachbutton=>{ 按钮。addEventListener'单击'，=>{ calculator.appendNumberbutton.innerText； calculator.updateDisplay； }; }; operationButtons.forEachbutton=>{ 按钮。addEventListener'单击'，=>{ calculator.chooseOperationbutton.innerText； calculator.updateDisplay； }; }; equalsButton.addEventListener“单击”，按钮=>{ 计算器 calculator.updateDisplay } allClearButton.addEventListener'click'，按钮=>{ 计算器。清除 calculator.updateDisplay }; deleteButton.addEventListener'单击'，按钮=>{ 计算器。删除fn calculator.updateDisplay }; }; *，*：：之前，*：：之后{ 框大小：边框框； 字体系列：Roboto； } 身体{ 填充：0； 保证金：0； 背景色：80d4ff； } .计算器网格{ 显示：网格； 证明内容：中心； 对齐内容：居中对齐； 网格模板列：repeat4100px； 网格模板行：minmax120PX，自动重复5，100px； } .calculator grid>按钮{ 光标：指针； 字号：2rem； 边框：1px实心FF8900； 大纲：无； 背景色：0076FF； 颜色：白色； 盒影：0px 5px 005DC9； } .计算器网格>按钮：悬停{ 背景色：2B8DFF； } .计算器网格>按钮：激活{ 盒影：0 3px 005DC9； 位置：相对位置； 顶部：2个； 文本阴影：0px 1px 3px白色； } 辉光效果：激活{ 颜色：FF1C00； 文本阴影：0px 1px 3px FF1C00； } .跨度2{ 格构柱：跨度2； } .产出{ 网格柱：1/-1； 背景色：2B2B； 显示器：flex； 对齐项目：柔性端； 盒影：0px 5px黑色； 证明内容：之间的空间； 弯曲方向：立柱； 填充：10px； 分词：分词； 单词break：打破一切； 颜色：白色； } .当前操作数{ 字体大小：50px； } .当前操作数：悬停{ 光标：指针； } .上一个操作数{ 字体大小：25px； } 清楚的 删去 ÷ 1. 2. 3. × 4. 5. 6. + 7. 8. 9 - . 0 = 打字错误：

//应该是

const equalsButton = document.querySelector('[data-equals]');
const deleteButton = document.querySelector('[data-delete]');
const allClearButton = document.querySelector('[data-all-clear]');

document.addEventListener 内容加载， 作用{ 类计算器{ 构造函数上一个操作数TextElement，当前操作数TextElement{ this.PreviousOperationTextElement=PreviousOperationTextElement； this.currentOperatureTextElement=currentOperatureTextElement； } 清楚的{ this.currentOperator=； this.previousOperand=； 此操作=未定义； } 删除fn{ this.currentOperator=this.currentOperator.0，-1 } 附录编号{ if number=='.&&this.currentOperator.includes'.'返回； this.currentOperator=this.currentOperator.toString+number.toString； } 选择操作操作{ 如果此.currentOperator==返回 如果此.previous操作数！=={ 这是计算机 } 这个操作=操作； this.previous操作数=this.currentOperator 此.CurrentOperator= } 计算{ 让计算 const prev=parseFloatthis.previous操作数 const current=parseFloatthis.currentOperator ifisNaNprev不稳定电流 切换此操作{ 格“+”： 计算=上一次+当前 打破 案例'-'： 计算=上一次-当前 打破 案例“×”： 计算=上一次*当前 打破 案例“÷”： 计算=上一次/当前 打破 违约： 回来 } this.currentOperator=计算 this.operation=未定义 this.previous操作数= } 更新显示{ this.currentOperatureTextElement.innerText=this.currentOperator； this.previousOperationTextElement.innerText=this.previousOperator； } } const numberButtons=document.queryselectoral'[data number]'； const operationButtons=document.queryselectoral“[data operation]”； const equalsButton=document.querySelector“[data equals]”； const deleteButton=document.querySelector“[data delete]”； const allClearButton=document.querySelector“[data all clear]”； const previousOperationTextElement=document.querySelector“[data previous Operator]”； const currentOperatureTextElement=document.querySelector“[数据当前操作数]”； 常量计算器=新计算器上一个操作数文本元素，当前操作数文本元素； 计算器。清除； numberButtons.forEachbutton=>{ 按钮。addEventListener'单击'，=>{ calculator.appendNumberbutton.innerText； calculator.updateDisplay； }; }; operationButtons.forEachbutton=>{ 按钮。addEventListener'单击'，=>{ calculator.chooseOperationbutton.innerText； calculator.updateDisplay； }; }; equalsButton.addEventListener“单击”，按钮=>{ 计算器 calculator.updateDisplay } allClearButton.addEventListener'click'，按钮=>{ 计算器。清除 calculator.updateDisplay }; deleteButton.addEventListener'单击'，按钮=>{ 计算器。删除fn calculator.updateDisplay }; }; *，*：：之前，*：：之后{ 框大小：边框框； 字体系列：Roboto； } 身体{ 填充：0； 保证金：0； 背景色：80d4ff； } .计算器网格{ 显示：网格； 证明内容：中心； 对齐内容：居中对齐； 网格模板列：repeat4100px； 网格模板行：minmax120PX，自动重复5，100px； } .calculator grid>按钮{ 光标：指针； 字号：2rem； 边框：1px实心FF8900； 大纲：无； 背景色：0076FF； 颜色：白色； 盒影：0px 5px 005DC9； } .计算器网格>按钮：悬停{ 背景色：2B8DFF； } .计算器网格>按钮：激活{ 盒影：0 3px 005DC9； 位置：相对位置； 顶部：2个； 文本阴影：0px 1px 3px白色； } 辉光效果：激活{ 颜色：FF1C00； 文本阴影：0px 1px 3px FF1C00； } .跨度2{ 格构柱：跨度2； } .产出{ 网格柱：1/-1； 背景色：2B2B； 显示器：flex； 对齐项目：柔性端； 盒影：0px 5px黑色； 证明内容：之间的空间； 弯曲方向：立柱； 填充：10px； 分词：分词； 单词break：打破一切； 颜色：白色； } .当前操作数{ 字体大小：50px； } .当前操作数：悬停{ 光标：指针； } .上一个操作数{ 字体大小：25px； } 清楚的 删去 ÷ 1. 2. 3. × 4. 5. 6. + 7. 8. 9 - . 0 =

---

谢谢xdeepakv我明白为什么它不起作用了，谢谢！谢谢如果你能接受这个答案，那就太好了。检查这里的工作解决方案：谢谢xdeepakv我理解它为什么不工作，谢谢！谢谢如果你能接受这个答案，那就太好了。检查此处的工作解决方案：