Javascript 总收入及；净工资计算器_Javascript_Calculator

Javascript 总收入及；净工资计算器

javascript

Javascript 总收入及；净工资计算器,javascript,calculator,Javascript,Calculator,所以我正在用javascript/HTML制作一个基本的工资总额和净工资计算器。网页计算器取用户输入的小时数和费率，并吐出工资总额和含税工资总额。由于某些原因，它不会显示正确的公式。我在某处犯了一个严重的错误。如果有人能把我引向正确的方向，那就太棒了代码如下： <!DOCTYPE html> <html> <title>Gross + Net Pay</title> <h1>Gross + Net Pay Calculator<

所以我正在用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>


毛工资+净工资
毛工资+净工资计算器


函数myFunction（）{
var rate=document.getElementById（“payrate”）；
var hours=document.getElementById（“小时”）；
总风险=小时*费率
净风险值=总额*.9
如果（总计！=null）{
document.getElementById（“demo”）.innerHTML=gross；
}
如果（净！=null）{
document.getElementById（“demo2”）.innerHTML=net；
}
}
工资率：

工作时间：

这是正确的代码。您有一些拼写错误，缺少冒号，您也通过表单发布此信息。除非您在另一个页面中处理此信息，否则您不需要它

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


毛工资+净工资
毛工资+净工资计算器


函数myFunction（）{
var rate=document.getElementById（“payrate”）.value；
var hours=document.getElementById（“hours”）.value；
总风险值=小时数*费率；
净风险值=总额*.9；
如果（总计！=null）{
document.getElementById（“demo”）.innerHTML=gross；
}
如果（净！=null）{
document.getElementById（“demo2”）.innerHTML=net；
}
}
工资率：

工作时间：

将“demo”和“demo2”元素放在标签前面。为什么？因为我是个笨蛋。我应该把body标签放在h1后面吗？

是页面内容所在的位置。您希望在屏幕上看到的所有内容都应该位于

中。

通常位于

部分（您没有）。我不是一个超级专家，所以我不知道把它放在身体里是否合适，但我总是把它放在头上。典型的组织：

<代码>
<代码>
。
和
进入头部。页面内容，包括
和
，进入正文。这一点都不正确。。。在body标签之外仍然有一些HTML元素。@HaukurHaf显然Chrome已经原谅了这一点。它也原谅了分号的缺失（实际上JavaScript对此没有问题）。但是，是的，最好把它做好。