javascript 计算器，添加产品和乘以税[已关闭]

cigdeys3 于 2023-02-15 发布在 Java

关注(0)|答案(2)|浏览(114)

这个问题不太可能帮助任何未来的访问者;它只与一个小的地理区域、一个特定的时刻或一个非常狭窄的情况有关，而这些情况通常不适用于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>

JavaScript

来源：https://stackoverflow.com/questions/12910380/calculator-that-add-products-and-multiplies-it-with-tax

2条答案

按热度按时间

cngwdvgl1#

你有很多问题。
HTML无效（button标记在onclick属性中间停止）。
缺少<script>的结束标记。
JavaScript中函数声明的语法为：

function identifier() { }

其中identifier是函数的名称。标识符不带引号，并且不能有空格。
在代码的任何地方都不会尝试调用您的函数。
您对document.getElementById进行了四次调用，但您尝试访问的ID中只有一个存在。
在函数中最后一次调用document.getElementById之前，以}结束函数。

赞(0）回复(0）举报 2023-02-15

1tu0hz3e2#

好吧，如果你完全按照你的教科书，那么我想你不会面临这些问题。
1.带空格的函数名
1.验证输入按钮语法
2.1点击
2.2结束标记
3关闭脚本标记

赞(0）回复(0）举报 2023-02-15