Javascript 使用新计算器在一页上从一个JS计算器到三个JS计算器

我创建了一个可工作的JavaScript计算器，现在我希望在一个页面上有3个计算器，如下所示：

使用：

const calculator1=新计算器（“计算器1”）；
常量计算器2=新计算器（“计算器2”）；
常量计算器3=新计算器（“计算器3”）

但3个计算器中的所有按钮仅适用于第一个计算器。我在代码中犯了什么错误？
我认为这是因为所有的计算器都使用相同的变量（不确定，我对js不熟悉，只是快速地查看了一下），但我能想到的解决问题的最简单方法是将计算器放在s中，这样它们就不会相互影响。另外，将计算器（）的名称和您输入的ID相同也不是一个好主意。这可能会有所帮助。
因为您在不同的html元素中使用了重复的id值。除了calculate1..3，将所有ID更改为类，并更改使用它们的js代码。存在不同的问题。最重要的是要理解，一旦将全局变量引入OO对象，它们就不再是可重用的。您的计算器函数应该取要使用的根节点，并在该元素中运行它只需要的元素查询，而不是查询完整的文档（这是您使用globals的地方），谢谢大家！我会尝试用你的建议找到有效的解决方案！