JavaScript/DOM-帮助删除我的内联JavaScript

作为JavaScript新手，我还没有找到解决这个问题的方法

我希望每个“添加到购物车”按钮调用相同的函数“AddtoCart”。我已经做到了这一点，但代价是内联JavaScript——这是我想要避免的

onclick=
AddToCart（document.getElementById（'toy_title1'）。innerHTML，document.getElementById（'toy_quantity1'）。value，document.getElementById（'toy_price1'）。innerHTML）

---

那么，我如何将其作为外部JavaScript文件的一部分来实现呢？请记住，我必须能够将其应用于所有4个独特的项目

，然后您应该阅读更多关于（标准）和（IE）的信息

---

您可以通过这种方式更改功能：

function AddToCart(toyId) {
  var title = document.getElementById('toy_title'+toyId).innerHTML;
  var quantity = document.getElementById('toy_quantity'+toyId).value;
  var price = document.getElementById('toy_price')+toyId).innerHTML
}

然后在每个按钮上传递玩具的ID

只需小心price等敏感数据，将其保留在Javascript上（我想在此之后您会将其发送到后端）是危险的，它可能很容易被操纵

但是，如果你的意图只是一个测试或类似的东西，那没关系

编辑： 要调用此函数，请执行以下操作：

onclick="AddToCart(1)"

---

其中1是您玩具的ID，您应该将其更改为2,3…具体取决于您的玩具。

我找不到任何问题，它到底是什么？我希望我的所有4个按钮只调用“AddtoCart（）”，而不是那一长行代码；“没有内联JavaScript。哦，这就是我刚才想的。对不起，我没有看到任何”问题“因为您的代码运行得非常好，而且JS/HTML毕竟不会被扔到最终用户的脸上。+1因为您的速度、示例性和简单性。我本打算提出同样的建议，但你在我开始之前就已经完成了你的回答：P.我很感激你的回答，但是，作为一个新手，我不清楚（这是一个学校项目，所以我不关心敏感数据：数据到底是什么不清楚？对函数做了什么或如何调用它？我使用了该函数并分别更改了对HTML的按钮调用，但它不起作用。但是玩具的ID可以更改，因此他需要向函数传递参数，以便挂上元素的ID，他怎么能这样做？@PedroSena帖子没有提到，而且，这是家庭作业。阅读家庭作业标签，当有家庭作业时，你应该做什么。

onclick="AddToCart(1)"