无法使用Javascript将产品动态添加到购物车

我对Javascript非常陌生，我正在构建一个电子商务网站，我正在尝试添加一个项目的图像、名称和价格，并将其动态加载到我的购物车中。我似乎无法正确地编写脚本以使其正常运行，我的代码正在慢慢变成一堆失败的尝试，哈哈。请帮助，这是代码

var cart = [];

function products () {
  var productTable = document.getElementById("productTable");
  for (var i in cart) {
       var row = productTable.itemRow(1);

      var cell0 = row.insertCell(0);
      var cell1 = row.insertCell(1);
      var cell2 = row.insertCell(2);
      var cell3 = row.insertCell(3);
      cell0.innerHTML = cart[i].image;
      cell1.innerHTML = cart[i].name;
      cell2.innerHTML = cart[i].price;
    };
  };
var addButton = document.getElementsByClassName("addToCart");
addButton.addEventListener('click', function(e) {
addToCart(itemImg, itemName, itemPrice) {
  for (var i in cart) {
    if (cart[i].name === itemName) {
        return;
    }
    this.image = itemImg
    this.name = itemName
    this.price = itemPrice
  };

  var itemImg = $(this.parentElement).find("img").attr('src');
  var itemName = $(this.parentElement).find("h3").text();
  var itemPrice = $(this.parentElement).find(".price").text();
  cart.push ({
    itemImg,
    itemName,
    itemPrice,
  });
};



<button class="addToCart">Add to cart</button>

var-cart=[]；
功能产品（）{
var productTable=document.getElementById（“productTable”）；
用于（购物车中的var i）{
var行=productTable.itemRow（1）；
var cell0=行插入单元格（0）；
var cell1=行插入单元格（1）；
var cell2=行插入单元格（2）；
var cell3=行插入单元格（3）；
cell0.innerHTML=cart[i]。图像；
cell1.innerHTML=cart[i].name；
cell2.innerHTML=cart[i]。价格；
};
};
var addButton=document.getElementsByClassName（“addToCart”）；
addButton.addEventListener（'click'，函数（e）{
addToCart（itemImg、itemName、itemPrice）{
用于（购物车中的var i）{
if（购物车[i].name==itemName）{
返回；
}
this.image=itemImg
this.name=itemName
this.price=项目价格
};
var itemImg=$（this.parentElement）.find（“img”）.attr（'src'）；
var itemName=$（this.parentElement）.find（“h3”）.text（）；
var itemPrice=$（this.parentElement）.find（“.price”）.text（）；
推({
项目，
项目名称，
项目价格，
});
};
添加到购物车

调用addToCart函数的onclick在哪里？很抱歉，这是一个错误的复制和粘贴，我正在复制相关信息，它被切断了。编辑并添加：var addButton=document.getElementsByClassName（“addToCart”）；addButton.addEventListener（'click'，function（e）{addToCart（itemImg，itemName，itemPrice）{