取消定义函数的输入值

Question

我对此完全陌生，但我正在尝试使用 javaScript 制作购物车。 一切都很好，直到我尝试向添加到购物车的商品添加输入值。 我有一张图片、一个价​​格和一个名称，但我需要添加一个“数量”字段。

这是该字段的输入：

            
<input type="number" id="store-item-qty" type="qty" placeholder="QTY" name="text_name" class="store-item-qty">

这是我的脚本

//value of qty---->
let qty =
       event.target.parentElement.parentElement.nextElementSibling.children[0].children[2].value;
   //add items to cart--->    
 cartItem.innerHTML = ` 
            <img src="${item.img}" class="img-fluid" id="item-img" alt="">
            <div class="item-text">

              <p id="cart-item-title" class="font-weight-bold mb-0">${item.name}</p>
              <p>    </p>
              <span id="cart-item-girth" class="cart-item-girth" class="mb-0">${item.girth}</span>
            </div>
            <p class="store-item-qty" type="qty" id="store-item-qty">${item.qty}</p>
            <a href="#" id='cart-item-remove' class="cart-item-remove">
              <i class="fas fa-trash"></i>
            </a>
          </div>
          `;
          
//var qty--->
var qty = "qty";
document.getElementById("store-item-qty").value;

但是当我点击“添加到购物车”时，它会导入除 QTY 字段之外的所有信息并显示“取消定义”

Answer 1

首先，您获取元素quantitiy 的值并将其定义为let qty = ...。 在您的模板中，您尝试从${item.qty} 读取qty。

应该阅读${qty}AFAIK。