-2

对不起，如果这是一个愚蠢的问题，但我是编程的新手......我已将我的代码添加到 JSfiddle。非常感谢您提供有关此代码为何不起作用的帮助。这是链接：目的是将 inAmounts 数组和 outAmounts 数组的值相加，并在 id 为“total”的 div 中显示结果

http://jsfiddle.net/soundCat/umbWX/1/ \

inAmounts=[2, 4, 3, 2, 1, 2];
outAmounts=[2, 3, 2, 3, 4];

function displayCurrentBalance() {
    var sumIn = (inAmounts.reduce(function (a, b) {
        return a + b;
    }, 0));
    var sumOut = (outAmounts.reduce(function (c, d) {
        return c + d;
    }, 0));

    var total = sumIn - sumOut;
    $("div#total").html("The current balance is " + total);

}
4

1 回答 1

1

如果您使用 $（即 jQuery），则将 jQuery 插件添加到您的代码中。

解决方案是：

  $("div#total").html("The current balance is " + total);

如果您不使用 jQuery，请按照以下步骤操作：

  document.getElementById("total").innerHTML="The current balance is " + total;

所以你的整个代码从头到尾变成：

<!DOCTYPE html>
<html>
<head>

<script>
  inAmounts=[2, 4, 3, 2, 1, 2];
  outAmounts=[2, 3, 2, 3, 4];

  function displayCurrentBalance() {
  var sumIn = (inAmounts.reduce(function (a, b) {
     return a + b;
  }, 0));
  var sumOut = (outAmounts.reduce(function (c, d) {
    return c + d;
  }, 0));

  var total = sumIn - sumOut;
  document.getElementById("total").innerHTML="The total is "+total;

  }

</script>
</head>
<body>
<div id="total"></div> <b style="margin-top:10%" onClick="displayCurrentBalance()">
<button id="calculate">Calculate</button>
</body>
</html>
于 2013-10-29T10:56:54.067 回答