Javascript总和净工资计算器

Question

因此，我正在使用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>

Answer 1

这是更正的代码。 您有一些错别字，缺少冒号，并且您还通过表格发布了此信息。 除非您在其他页面中处理此信息，否则不需要。

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

Javascript总和净工资计算器

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-09-30 23:12:36

Javascript总和净工资计算器

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-09-30 23:12:36

解决方案1
1 已采纳 2014-09-30 23:12:36