Javascript 在购物车中添加多个onclick元素

我想在我的购物车对象中添加新元素，当点击一个按钮购买该产品时

我已经创建了一个对象p2和一个“购物车”，其中将包含有人想要购买的东西。当点击按钮“add-on-cart”时，应该添加尽可能多的p2对象

js:

html:

购买

---

预期结果是，如果我单击4次按钮，我的阵列产品将填充4支笔。当我打开浏览器时，它会自动按下一支笔，当我点击按钮时，它不会一直按下新的笔。当页面加载时，你会看到一个产品被添加，这是因为你在你的监听器中调用了这个函数（而不是传入它）

由于您只关注项目的一个小方面，因此很难详细说明如何更好地解决您的问题。根据当前实现，您可以将侦听器更新为以下内容：

document.getElementById("buttonpen").addEventListener("click", () => cart.addProduct(p2));

---

您还可以查看JS中的

currying

。

@Grafluxe我已经尝试了您所说的内容，现在它非常有效。非常感谢！我会调查一下咖喱菜，好像我错过了什么。非常感谢。请添加您找到的解决方案作为问题的答案。

<button type="button" class="btn btn-danger" id="buttonpen">Purchase</button>

document.getElementById("buttonpen").addEventListener("click", () => cart.addProduct(p2));