Question

在计算我的计算器代码时遇到问题。我已经使用了我的教科书来帮助，但仍然不知道为什么它根本没有计算，只是一些提示会很棒，谢谢。

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

Answer 1

你有很多问题。

HTML无效（按钮标记在onclick属性的一半停止。）

缺少<script>的结束标记。

JavaScript中函数声明的语法是：

function identifier() { }

其中identifier是函数的名称。标识符未引用，并且不能包含空格。

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

您拨打document.getElementById四次，但只有一个您尝试访问的ID存在。

在最后一次调用}之前，您使用document.getElementById结束该功能。

Answer 2

如果你完全按照你的教科书那么我认为你不会遇到这些问题。

带空格的功能名称
验证您的输入按钮语法

2.1 onclick

2.2关闭标签

3关闭脚本标记

添加产品并将其与税相乘的计算器

2 个答案: