-4

私は自分のコードの何が問題なのかを解明しようとしてきました。製品（バナナ、ソーダ、チップス、キャンディー）を追加してから、10％の税金を掛ける必要があります。それらの製品の変数がありませんか？何かが足りないことは知っていますが、どうしたらよいかわかりません。

<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>

    <button id="Calculate" onclick= "Calculate()" value="Calculate">Calculate</button>

    <script>
      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

1 に答える 1

0

あなたが本当に努力しているとは思いませんが、正解は次のとおりです。

<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" id='Calculate' onclick= "Calculate()">
<script type="text/javascript">


function Calculate() {
    var total = 0;
    var bananas = Number(document.getElementById("bananasBox").value) * .5;
    var sodas = Number(document.getElementById("sodasBox").value) * .75;
    var chips = Number(document.getElementById("chipsBox").value) * 1.25;
    var candy = Number(document.getElementById("candyBox").value) * 1;
    var tax = 0.10;

    total = (bananas+sodas+chips+candy)*(1+tax);
document.getElementById('outputDiv').innerHTML= 'Your TOTAL is: $' + Number(total).toFixed(2);
}
</script>
<hr>
<div id="outputDiv"> 
</div>
</body>
</html>

説明してほしいのなら説明しますが、もしあなたが本当に学ぶつもりがなければ、時間を無駄にする価値はありません。

于 2012-10-23T02:41:49.893 に答える