javascript - 每次点击的总和

Question

我有一个简单的问题，但我真的不记得如何解决它，也许我的大脑在玩弄我，但是，这是我的问题...我有一个产品价格，我将此价格添加到vartotal，问题是我想将代码的结果与存储在totalvar上的第一个结果相加。例如:

First click: total = 0, price = 32, after click total = 32.

Second click: total = 32, price = 100, after click total = 132.

我该怎么做？这是我的示例代码:

var total = 0;
var price = 16;

$('#btn').click(function () {
  var qty = $('#qty').val();
  
  var total = qty * price;
  
  alert(total.toFixed(2));
  
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button id="btn">Click</button>

<input id="qty" placeholder="Type the number of products u want..." />

Answer 1

您的函数中有 var total ，它正在创建一个单独的局部变量。删除 var 以便它使用全局变量。

此外，您没有将第二个值添加到运行总计中。你只是一遍又一遍地压倒总数。

var total = 0;
var price = 16;

$('#btn').click(function () {
  var qty = $('#qty').val();
  
  total = total + (qty * price);
  
  alert(total.toFixed(2));
  
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<button id="btn">Click</button>

<input id="qty" placeholder="Type the number of products u want..." />