Question

我正在设计一个样本购物网站，我希望它能够做的一件事就是显示购物车中的商品数量。我认为这样做的方法是对其进行编码，以便每次单击“购买”按钮时将+1添加到购物车文本中显示的变量。我到目前为止的代码是

function cart() {
  var cart = document.getElementById("cart").value;
  var cart = cart + 1;
  document.GetElementById("cart").innerHTML=cart
}

，按钮代码为

<input type="button" value="Purchase" onclick="cart()" />

显示代码为

  <p id="cart"> 0 </p>

Answer 1

您对document.GetElementById()的调用应遵循区分大小写的命名约定，因此可以调用：

document.getElementById()

你可以尝试这个，其中包括一些安全类型转换：

function cart() {
    var itemCount = document.getElementById("cart").innerHTML;
    document.getElementById("cart").innerHTML = Number(itemCount) + 1;
}

Check this fiddle for a demonstration

无法显示购物车中的商品数量

1 个答案: