Question

嘿，我一直无法使用我的代码获取计算按钮的代码。由于某种原因，它无法正确显示。当我单击计算按钮以计算总薪资和净工资时，该按钮不会计算输入框中的总薪资和净额。在我输入工作时间和工资率之后。请帮助....

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

Answer 1

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

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

根据HTML specs, ID和名称规则：

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 ;

Javascript毛/净工资计算器

1 个答案: