My son's best friend is taking computer courses and is having issues with this code: (it will not return the value) Any help would be greatly appreciated!

Thanks,
Rhonda


<html>
<head>
<title>PayrollApplication</title>
</head>
<body>
<script type="text/javascript">
function calcPay()
{
// Declarations:
var name;
var hoursWorked;
var rate;
var grossPay;
var HOURS_IN_WK = 40;
var OVERTIME_RATE = 1.5;

name = document.PayrollApplication.na me.value;
hoursWorked = document.PayrollApplication.hr sWorked.value;
rate = document.PayrollApplication.ra te.value;

if (hoursWorked > HOURS_IN_WK)
{
grossPay = rate * HOURS_IN_WK + ((hoursWorked - HOURS_IN_WK) * OVERTIME_RATE);
}
else
{
grossPay -= rate * hoursWorked;
}

window.alert("Your weekly gross pay is: ", grossPay);

} // end of function calcPay()
</script>

<form name="PayrollApplication">
Name: <input type="Text" name="name">
Hours worked: <input type="Text" name="hrsWorked">
Rate: <input type="Text" name="rate">
<input type="submit" value="Calculate pay" onClick="calcPay();">
</form>
</body>

</html>

__________________

Could it be this??? >>> Just at a quick glance without plugging it into an editor.
See in the last line - the 2nd gross pay. There is a hyphen before the = sign

if (hoursWorked > HOURS_IN_WK)
{
grossPay = rate * HOURS_IN_WK + ((hoursWorked - HOURS_IN_WK) * OVERTIME_RATE);
}
else
{
grossPay -= rate * hoursWorked;
}

__________________
Pam Blackman - On My Wings International
Integrated Virtual Business Management Solutions | Mentoring | Coaching

I thought that as well, and I tried it in my editor and it still did not produce the answer. Thanks for taking a quick look though. It's greatly appreciated.

__________________

Hi,

Replace this line:

Code:

window.alert("Your weekly gross pay is: ", grossPay);

With:

Code:

window.alert("Your weekly gross pay is: " + grossPay);

+ is for string concatenation in JavaScript...

Hope this helps.

Thanks! He tried that and it returned a value of NaN.

__________________

This code works for me:

Code:

<html> <head> <title>PayrollApplication</title> </head> <body> <script type="text/javascript"> function calcPay() { // Declarations: var name; var hoursWorked; var rate; var grossPay; var HOURS_IN_WK = 40; var OVERTIME_RATE = 1.5; name = document.PayrollApplication.name.value; hoursWorked = document.PayrollApplication.hrsWorked.value; rate = document.PayrollApplication.rate.value; if (hoursWorked > HOURS_IN_WK) { grossPay = rate * HOURS_IN_WK + ((hoursWorked - HOURS_IN_WK) * OVERTIME_RATE); } else { grossPay -= rate * hoursWorked; } window.alert("Your weekly gross pay is: " + grossPay); } // end of function calcPay() </script> <form name="PayrollApplication"> Name: <input type="Text" name="name"> Hours worked: <input type="Text" name="hrsWorked"> Rate: <input type="Text" name="rate"> <input type="submit" value="Calculate pay" onClick="calcPay();"> </form> </body> </html>

Notice the difference between these lines:

Code:

name = document.PayrollApplication.name.value; hoursWorked = document.PayrollApplication.hrsWorked.value; rate = document.PayrollApplication.rate.value;

From the ones you posted.

Good luck