单击时将值推送到数组，然后循环添加数组值.Javascript

Push value to array onclick and loop to add array values. Javascript

本文关键字：数组 然后 循环 Javascript 添加 单击      更新时间：2023-09-26

所以我在这方面很陌生，希望每次单击按钮时都能在"存款"文本框中添加一美元。我将不得不用四分之一，一角硬币和镍，按钮来做到这一点。这就是我目前所拥有的。

<input type="button" value="Dollar" id="dollar" />
$<input type="text" id="deposit" />

javascript是：

var $ = function (id) { return document.getElementById(id); }
var item = [];
var total = 0;
for (i=0; i < item.length; i++){
total += item[i];
$("deposit").value = total;
}
$("dollar").onclick = item.push(1);

无论您能提供什么帮助，我们都非常感谢！

你不是说

现场演示 

var $ = function (id) { return document.getElementById(id); }
var add = function(fld,val) {
  return (parseFloat(fld.value)+val).toFixed(2);
}
window.onload=function() {
  $("dollar").onclick=function() { 
    $("deposit").value = add($("deposit"),1);
  }  
  $("dime").onclick=function() { 
    $("deposit").value = add($("deposit"),.1);
  } 
  $("nickel").onclick=function() { 
    $("deposit").value = add($("deposit"),.05);
  } 
  $("refund").onclick = function() {    
    $("deposit").value = "0.00";
  } 
}

试试这个：

.HTML

<!DOCTYPE html>
<html>
  <head>
    <script data-require="jquery@1.9.1" data-semver="1.9.1" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="script.js"></script>
  </head>
  <body>
    <input type="button" value="Dollar" id="dollar" />
$   <input type="text" id="deposit" />
  </body>
</html>

JavaScript：

$(function() {
  var item = [];
  $("#dollar").click(function() {
    item.push(1);
    var total = 0;
    for (var i = 0; i < item.length; i++) {
      total += item[i];
      $("#deposit").val(total);
    }
  });
});

普伦克示例

相关文章：