因此，我正在使用javascript / HTML制作基本的总工资和净工资计算器。网页计算器获取用户输入的小时数和费率，并吐出总工资和带税的总工资。由于某种原因，它不会显示正确的公式。我在某个地方犯了一个严重错误。如果有人可以引导我朝正确的方向前进，那就太好了。
这是代码：
<!DOCTYPE html>
<html>
<title>Gross + Net Pay</title>
<h1>Gross + Net Pay Calculator</h1>
<p id="demo"></p>
<p id="demo2"></p>
<script>
function myFunction() {
var rate = document.getElementById("payrate");
var hours =document.getElementById("hours");
var gross = hours * rate
var net = gross * .9
if (gross != null) {
document.getElementById("demo").innerHTML = gross;
}
if (net != null) {
document.getElementById("demo2").innerHTML =net;
}
}
</script>
<body>
<form>
Pay Rate: <input type="text" id="payrate"><br>
Hours Worked: <input type="text" id="hours"><br>
<input type="submit" value="Calculate Gross + Net Pay" onclick="myFunction()">
</form>
</body>
</html>
最佳答案
这是更正的代码。您有一些错别字，缺少冒号，并且您还通过表格发布了此信息。除非您在其他页面中处理此信息，否则不需要。
<!DOCTYPE html>
<html>
<title>Gross + Net Pay</title>
<h1>Gross + Net Pay Calculator</h1>
<p id="demo"></p>
<p id="demo2"></p>
<script>
function myFunction() {
var rate = document.getElementById("payrate").value;
var hours =document.getElementById("hours").value;
var gross = hours * rate;
var net = gross * .9 ;
if (gross != null) {
document.getElementById("demo").innerHTML = gross;
}
if (net != null) {
document.getElementById("demo2").innerHTML =net;
}
}
</script>
<body>
Pay Rate: <input type="text" id="payrate"><br>
Hours Worked: <input type="text" id="hours"><br>
<input type="submit" value="Calculate Gross + Net Pay" onclick="myFunction()">
</body>
</html>