2014-10-01 102 views
-3

嘿,我一直無法獲得計算按鈕的代碼與我有的代碼功能。出於某種原因,它顯示不正確。當我點擊計算按鈕來計算總工資和淨工資時,按鈕不會計算輸入框中的總工資和淨工資。在我進入工作時間和工資率後。請幫助....Java腳本毛/淨工資計算器

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

更換這些線路

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

你要什麼的更精確問題是。你期望會發生什麼?發生了什麼? – kave 2014-10-01 00:36:22

+2

'gross'和'net'應該是計算值。 'document.getElementById'用於獲取用戶輸入,而不是計算值。 – 2014-10-01 00:36:24

+0

當我點擊計算按鈕來計算總工資和淨工資時,按鈕不會計算輸入框中的總工資和淨工資。在我進入工作時間和工資率後。 – pacman 2014-10-01 00:42:00

回答

0

您的代碼中存在多個問題。第一個是命名的這兩個輸入:

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

作爲每HTML specs,規則的ID和名稱是:

ID和名稱標記必須以字母開頭([A-ZA-Z])可能是 後跟任意數量的字母,數字([0-9]),連字符(「 - 」),下劃線(「_」),冒號(「:」)和句點(「。」)。

你可能只是想打電話grossnet

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

然後用

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

謝謝大家工作,感謝幫助。 – pacman 2014-10-01 00:59:21