-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 に答える