我正在创建一个购物篮，被卡住了。我有一个带有onclick属性的按钮，该按钮可将项目添加到购物篮。在项目页面上单击后，该项目即被添加到购物篮中，而不是单击按钮时。从W3Schools中，我可以看到这是正确的格式：
<button onclick="myFunction('Harry Potter','Wizard')">Try it</button>
以上内容按预期工作。但是，我的以下代码在页面加载后立即运行：
<button id="atb" onclick='<%basket.addItem(product.PID);%>'>Add To Basket</button>
我还读到这是因为我的函数有一个参数（尽管我不确定为什么W3Schools示例可以工作），所以我试图做这样的事情：
document.getElementById('atb').onclick = function(){
<%basket.addItem(product.PID);%>
}
但是，在我的情况下，按钮是根据单击的产品动态生成的，因此，当所有ID都相同时，我不确定如何通过ID访问它们，或者我是否必须以某种方式动态分配ID
我已经尝试解决了一段时间，因此我们将不胜感激！
P.S我知道JSP片段的使用有些过时，但是我需要使用它们进行分配。