-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

你有很多问题。

onclickHTML 无效（按钮标记在属性中途停止）。

的结束标记<script>丢失。

JavaScript 中函数声明的语法是：

function identifier() { }

identifier函数的名称在哪里。标识符不带引号，并且其中不能有空格。

没有尝试在代码中的任何位置调用您的函数。

您对 进行了四次调用document.getElementById，但只有一个您尝试访问的 ID 存在。

}在最后一次调用之前结束函数document.getElementById。

于 2012-10-16T08:25:21.847 回答
0

好吧，如果您完全按照教科书进行，那么我认为您不会遇到这些问题。

  1. 带空格的函数名
  2. 验证您的输入按钮语法

2.1 点击

2.2 关闭标签

3 关闭脚本标签

于 2012-10-16T08:26:48.577 回答