这个问题不太可能帮助任何未来的访问者;它只与一个小的地理区域、一个特定的时刻或一个非常狭窄的情况有关,而这些情况通常不适用于Internet的全球用户。要帮助更广泛地应用此问题,请访问visit the help center。
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>
<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>
2条答案
按热度按时间cngwdvgl1#
你有很多问题。
HTML无效(button标记在
onclick
属性中间停止)。缺少
<script>
的结束标记。JavaScript中函数声明的语法为:
其中
identifier
是函数的名称。标识符不带引号,并且不能有空格。在代码的任何地方都不会尝试调用您的函数。
您对
document.getElementById
进行了四次调用,但您尝试访问的ID中只有一个存在。在函数中最后一次调用
document.getElementById
之前,以}
结束函数。1tu0hz3e2#
好吧,如果你完全按照你的教科书,那么我想你不会面临这些问题。
1.带空格的函数名
1.验证输入按钮语法
2.1点击
2.2结束标记
3关闭脚本标记