Javascript 总/净工资计算器答案

【问题标题】：Java Script Gross/Net Pay CalculatorJavascript 总/净工资计算器
【发布时间】：2014-10-01 00:33:40
【问题描述】：

嘿，我一直无法让计算按钮的代码与我拥有的代码一起运行。由于某种原因，它无法正确显示。当我点击计算按钮计算总工资和净工资时，按钮不计算输入框中的总工资和净工资。在我输入工作时间和工资率后。请帮忙....

<html>
<title>Gross Pay and Net Pay.</title>
<h1> Gross Pay and Net Pay.</h1>
<body>
Hours: <input id="hours" type="text"><br>
Rate: <input id="rate" type="text"><br>
Gross: <input id="hours * rate" type="text"><br>
Net: <input id= "gross * .9" type="text"><br>


<input type="button" value="Calculate" onclick="myFunction()">

<p id="demo"></p>
<p id="demo2"></p>


<script>

function myFunction() {
var hours = document.getElementById('hours').value;
var rate = document.getElementById('rate').value;
var gross = document.getElementById('hours * rate');
var net = document.getElementById('gross * .9 ');


if (gross != null) {
document.getElementById("demo").innerHTML = 
    "Your gross pay is $" + gross + ".";
}
 if (net != null) {
    document.getElementById("demo2").innerHTML = 
    "Your net pay is $" + net + ".";
}
}
</script>

<body>
<html>

【问题讨论】：

您必须更准确地了解问题所在。您预计会发生什么？会发生什么？
gross 和 net 应该是计算值。 document.getElementById 用于获取用户输入，而不是计算值。
当我点击计算按钮计算总工资和净工资时，按钮不计算输入框中的总工资和净工资。在我输入工作时间和工资率之后。

标签： java javascript calculator

【解决方案1】：

您的代码中存在多个问题。第一个是这两个输入的命名：

Gross: <input id="hours * rate" type="text"><br>
Net: <input id= "gross * .9" type="text"><br>

根据HTML specs, id 和 name 规则：

ID 和 NAME 标记必须以字母 ([A-Za-z]) 开头，并且可以是后跟任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线（“_”）、冒号（“:”）和句点（“.”）。

您可能只想致电gross 和net：

Gross: <input id="gross" type="text"><br>
Net: <input id= "net" type="text"><br>

然后替换这些行

var gross = document.getElementById('hours * rate');
var net = document.getElementById('gross * .9 ');

与

var gross = hours * rate;
var net = gross * .9 ;

【讨论】：