Javascript 想把“的”分开吗；onclick"；我的html标记中的处理程序

我使用HTML、CSS和JavaScript编写了一个基本的算术计算器。我在计算器的每个按钮上分别添加了“onclick”事件处理程序，对所有“onclick”属性执行的函数都是相同的。很好用。但我想将“onclick”与HTML分开，并在JavaScript文件中编写代码，该文件将自动提供给所有按钮，而不是每次都在每个按钮上编写onclick。 我试图使用addEventListener，但每次都出现某种问题。下面是代码。我希望有合适的事件侦听器代码来解决我的问题。谢谢 这就是每次触发的功能：

function insert(num) {
document.getElementById("textview").value += num;

}

Comlete代码位于以下GitHub repo中：

---

将此添加到按钮下方的位置。这就是如何通过脚本添加onClick侦听器

<script>
document.querySelectorAll("input[type=button]").forEach(function() {
  this.addActionListener("click", function() {
    insert(this.value);
  }
});
</script>

document.querySelectorAll（“输入[type=button]”）.forEach（函数（）{
this.addActionListener（“单击”，函数（）{
插入（该值）；
}
});

您可以向所有操作按钮添加特定标识符，如CSS类，然后在js文件中注册单击事件

你可以参考这个片段

window.addEventListener("DOMContentLoaded", () => {
const buttons = document.querySelectorAll(".action-button");
buttons.forEach(button => button.addEventListener("click", buttonListener));
});

function buttonListener(event) {
    //your logic
}

---

请发布文本，而不是文本的图像。您可以用单独的js格式编写代码，并包含在脚本标记中。您可以获取有关事件的信息