javascript - 如何调试模板字符串下的函数

Question

在下面的代码中，我使用了一个 API 链接，该链接显示了像电子商务网站这样的假冒产品。当我尝试调试在模板字符串下调用的函数 addToCart 时。在这一点上它没有突破。帮助我如何调试它。

网站链接：https ://inspiring-payne-594c82.netlify.app/

我添加了我的问题所在的特定代码。

// show all product in UI 
const showProducts = (products) => {
  products.forEach(product => {
    const image = product.image;
    const div = document.createElement("div");
    div.classList.add("product");
    div.innerHTML = `<div class="single-product">
      <div>
    <img class="product-image" src=${image}></img>
      </div>
      <h3>${product.title}</h3>
      <p>Category: ${product.category}</p>
      <h2>Price: $ ${product.price}</h2>
      <button onclick="addToCart(${product.id}, ${product.price})" id="addToCart-btn" class="buy-now btn btn-success">add to cart</button>
      <button id="details-btn" class="btn btn-danger">Details</button></div>
      `;
    document.getElementById("all-products").appendChild(div);
  })
};
   

标签： javascript