在javascript+；背虱

我不熟悉编码，我想使用innerHTML来创建购物车页面，但当我将其与back ticks一起使用时，它在最后没有显示任何内容。我试过了 谢谢你读我的书。我也尝试过从字符串中提取表达式，并分别对它们进行压缩，但效果并不理想

function displayCart(){
  let cartItems = localStorage.getItem("productsInCart");
  cartItems = JSON.parse(cartItems);
  let productContainer = document.querySelector
  (".products");
  let cartCost = localStorage.getItem('totalCost');
  if(cartItems && productContainer){
    productContainer.innerHTML = '';
    Object.values(cartItems).map(item => {
      productContainer.innerHTML +=
      '<div class="product">'+
        '<ion-icon name="close-circle"></ion-icon>'+
        '<img src="' +  ${item.tag} +'.jpg">'+
        '<span>'+ ${item.name} + '</span>'+
      '</div>' +
      '<div class="price">'+
        $${item.price} +
      '</div>'+
      '<div class="quantity">'+
        '<ion-icon class="decrease" name="arrow-back-circle-outline"></ion-icon>'+
        '<span>' + ${item.inCart} + '</span>'+
        '<ion-icon class="increase" name="arrow-forward-circle-outline"></ion-icon>'
      '</div>'+
      '<div class="total">'+
        $${item.inCart * item.price},00 +
      '</div'
      ;
    });
    productContainer.innerHTML += `
      <div class="basketTotalContainer">
        <h4 class="basketTotalTitle">
          Prix total:
        </h4>
        <h4 class="basketTotal">
          $${cartCost},00
        </h4>
    `;
  }
}

函数displayCart（）{
让cartItems=localStorage.getItem（“productsInCart”）；
cartItems=JSON.parse（cartItems）；
让productContainer=document.querySelector
（“产品”）；
让cartCost=localStorage.getItem（'totalCost'）；
if（cartItems&&productContainer）{
productContainer.innerHTML=''；
Object.values（cartItems）.map（item=>{
productContainer.innerHTML+=
''+
''+
''+
'+${item.name}+''+
'' +
''+
$${item.price}+
''+
''+
''+
'+${item.incontat}+''+
''
''+
''+
$${item.intranet*item.price}，00+
“正如Choz所说，假设您没有使用javascript框架，那么您正试图使用
${}”
要在字符串中定义变量，这种类型的变量引用只能与模板文本一起使用。有关详细说明，请参阅下面的基本模型。由于变量引用，您的代码可能会出错，因此您认为第二部分不起作用（事实上，执行代码永远不会达到这一点）


let变量=true；
让模板=“变量+”；
模板+=`${true}`
document.querySelector（'body'）.innerHTML=template；
除非您使用的是未提及的框架，否则控制台中会出现大量语法错误。请修复这些错误…'“它不起作用”没有足够的描述性来帮助人们理解您的问题。相反，请告诉其他读者预期的行为应该是什么。告诉其他读者错误消息的确切措辞，以及产生错误消息的代码行。请使用您的问题的简短但描述性的摘要作为问题的标题。'Backtick用于模板literals，并且与
${}
一起使用的表达式是一个仅受模板文本支持的占位符。