事件在Javascript中不会触发

我正在尝试只使用Javascript而不使用框架来实现一个简单的计算器。因为我试图实现不同的类型来触发事件。有一件事我不知怎的触发不了。我想一旦我按下清除按钮，清除文本框并重置其后面的字符串，但不知何故它不起作用

var textfield=； 函数retunNumberval{ console.logval； 如果是文本字段！={ textfield=textfield+val； document.getElementById'result'.value=textfield； }如果textfield=={ textfield=val； document.getElementById'result'.value=textfield； } } document.getElementById'btn'。addEventListenerclick，函数{ document.getElementById'result'。值=； textfield=； }; .网格容器分区 { 显示：内联块； } .网格容器分区项目1 { 显示：块； } 1. 2. 3. 4. 5. 6. 7. 8. 9 0 * / + - 相同的 删去 清楚的 您正在javascript中直接调用document.getElementById。只有将脚本放在页面的末尾，而不是页面的开头，这才有效，我猜这就是您放脚本的地方。这是因为页面顶部的javascript是在实际元素存在之前运行的，因此无法找到它们

---

或者，您可以使用jQuery的$document.ready from的一个普通替代方案。

清除按钮上没有任何单击事件侦听器，或者您没有向我们显示它。它似乎可以工作：/Run snippet code它适合我。单击事件监听器添加在JS的末尾。我将代码作为一个片段插入，带有一些css格式，以便在按下按钮后更容易点击清除按钮。@samb102在js的底部有一个外观file@Oakar它并没有发挥应有的作用，我按照尼古拉斯的建议在按钮后移动脚本