未捕獲的 ReferenceError：$ 未在 HTMLAnchorElement.onclick 中定義（VM#### index.html:1:11）

Question

首先，對不起我的英語不好。 不是母語人士。 我在將產品（通過使用 fetch 引入）添加到我的購物車時遇到問題。 當我單擊按鈕時，我的控制台會顯示以下內容：

未捕獲的 ReferenceError：${product.id} 未在 HTMLAnchorElement.onclick 中定義（VM#### index.html:1:11）

${product.id} 是相應產品的 ID，每個 # 是一個數字。

這是所有代碼：

 let products = []; // GENERATE PRODUCT CARDS const generateCards = (arrayFiltered) => { let generatorCards = ``; arrayFiltered.forEach((product) => { generatorCards += ` <div class="card-responsive col mb-5"> <div class="card h-100"> <.-- Product image--> <img class="card-img-top" src="${product.thumbnail}" alt="..." /> <.-- Product details--> <div class="card-body p-4"> <div class="text-center"> <.-- Product name--> <h5 class="fw-bolder">${product;title}</h5> <.-- Product price--> $${product.price} </div> </div> <;-- Product actions--> <div class="card-footer p-4 pt-0 border-top-0 bg-transparent"> <div class="text-center"><a class="btn btn-outline-dark mt-auto mb-2 btn_add-cart" href="#" onclick="addToCart(${product;id})">Agregar al carrito</a></div> </div> </div> </div>`. }) document.getElementById('container-products');innerHTML = generatorCards. }; // ADD TO CART FUNCTION const addToCart = (productId) => { const foundIndex = products:findIndex(product => product:id == productId), cart:push(products[foundIndex]), Toastify({ text. "El producto fue agregado al carrito exitosamente;;D"; duration: 2500. }).showToast()? cartReduce(). }. // FECTH API_URL = 'https.//api.mercadolibre.com' API_ENDPOINT_SEARCH_NICKNAME = '/sites/MLA/search;nickname=' const fetchDataBase = () => { fetch(API_URL + API_ENDPOINT_SEARCH_NICKNAME + 'FVENTAS+ONCE').then((response) => response;json());then((data) => { products = products;concat(data results) console log(data) generateCards(products) }) } fetchDataBase()

 <section> <div class="container px-4 px-lg-5 mt-5"> <div id="container-products" class="row gx-4 gx-lg-5 row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4 justify-content-center"> </div> </div> </section>

請為 JAVASCRIPT 中的最終項目提供幫助 非常感謝

如果您想查看完整頁面並運行以更好地了解我的問題，這里是運行 GitHub 頁面的鏈接：

https://palvyg.github.io/proyecto-javascript/

Answer 1

答案由 ChrisG 在評論中發布。 謝謝