En el siguiente código, trabajé con un enlace API que muestra productos falsos como un sitio web de comercio electrónico. Cuando intento depurar la función addToCart que se llama bajo una cadena de plantilla. No se rompe en ese punto. Ayúdame con cómo depurarlo.

Enlace del sitio web: https://inspiring-payne-594c82.netlify.app/

Agregué el código específico donde está mi problema.

 // 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); }) };