-3

電卓のコードを理解するのに問題があります。私は教科書を助けとして使用しましたが、なぜそれがまったく計算されないのかについてまだ途方に暮れています。いくつかのヒントが素晴らしいでしょう、ありがとう。

   <html>
<head>
<title> Total Calculator </title>
</head>
<body>
<p>
Bananas:   <input type="text" id="bananasBox" value=""> at $ 0.50 a piece<br>
Sodas  :   <input type="text" id="sodasBox"   value=""> at $ 0.75 per can<br>
Chips  :   <input type="text" id="chipsBox"   value=""> at $1.25 per bag<br>
Candy  :   <input type="text" id="candyBox"   value=""> at $1.00 per pack<br>
TAX is 10 %
</p>
<input type="button" value="Calculate"
<button id='Calculate' onclick= "Calculate()" value="Calculate">Calculate</button>
<script type="text/javascript">


function Calculate() {
    var total = 0;
    var cost = document.getElementById("cost").value;
    var tax = document.getElementById("tax").value;

    total = cost*tax;
    document.getElementById("total").value = total;

document.getElementById('outputDiv').innerHTML= 'Your TOTAL is: ' + total;">
}
</script>
<hr>
<div id="outputDiv"></div>
</body>
</html>
4

2 に答える 2

1

あなたには多くの問題があります。

HTMLが無効です（ボタンタグが属性の途中で停止しonclickます）。

の終了タグが<script>ありません。

JavaScriptでの関数宣言の構文は次のとおりです。

function identifier() { }

ここidentifierで、は関数の名前です。識別子は引用符で囲まれておらず、スペースを含めることはできません。

コード内のどこからでも関数を呼び出そうとはしません。

を4回呼び出しdocument.getElementByIdますが、アクセスしようとしているIDは1つしか存在しません。

}関数を最後に呼び出す前に関数を終了しますdocument.getElementById。

于 2012-10-16T08:25:21.847 に答える
0

もしあなたがあなたの教科書に正確に従ったなら、私はあなたがこれらの問題に直面するとは思わない。

  1. スペース付きの関数名
  2. 入力ボタンの構文を確認する

2.1オンクリック

2.2タグを閉じる

3スクリプトタグを閉じます

于 2012-10-16T08:26:48.577 に答える