JavaScript code is not working properly

[Ray Bell]

I've just started learning JavaScript this week and I have to give in an assignment with a form that gets input, makes a calculation, and gives output. I think I figured it out, but the output is not correct. Can someone please help me figure out why this code is not working? This is the .js code.
function computeGrossPay()  { var employee1Hours = document.getElementById("employee1Hours").value; var employee2Hours = document.getElementById("employee2Hours").value; var employee3Hours = document.getElementById("employee3Hours").value; PAY_PER_HOUR = 8; PAY_PER_OVERTIME_HOURS = 4; var hours = [ employee1Hours, employee2Hours, employee3Hours ]; var outPut = [document.getElementById("grossPay1"), document.getElementById("grossPay2"), document.getElementById("grossPay3") ]  for (x = 0; x < 3; x ++){ if (hours[x] <= 40) { var overTimeHours = 0; } else { overTimeHours = hours[x] - 40; } for (x = 0; x < 3; x ++) { outPut[x].value = (overTimeHours * PAY_PER_OVERTIME_HOURS) + (hours[x] * PAY_PER_HOUR); } } }

The regular hours work, but I don't get the extra 4 dollars for the overtime hours. For example, if I put in 60, I get 480, instead of 560.

[Jeanne Boyarsky]

How are you getting 560? (of 480) Overtime hours is 20 in your example.

20*8 + 60*4
160+240
400

[Ray Bell]

Thanks for your reply. It's the opposite of what you describe. The regular hours are paid 8 and hour, and overtime gets 12 and hour. Instead I did this: 60 hours * 8(regular pay) plus 20(overtime hours) get and additional 4/hour.
so it's 60 * 8
plus   20 * 4.

I eventually got it to work by moving the if statement after the nested loop, like so:function computeGrossPay()  { var employee1Hours = document.getElementById("employee1Hours").value; var employee2Hours = document.getElementById("employee2Hours").value; var employee3Hours = document.getElementById("employee3Hours").value; PAY_PER_HOUR = 8; PAY_PER_OVERTIME_HOURS = 4; var hours = [ employee1Hours, employee2Hours, employee3Hours ]; var outPut = [document.getElementById("grossPay1"), document.getElementById("grossPay2"), document.getElementById("grossPay3") ] var overTimeHours = 0; //first for loop gets info from the hours array for (x = 0; x < 3; x ++){ //second for loop gets info from the outPut array for (x = 0; x < 3; x ++){ //condition figures out if users have overtime hours, how many do they have if (hours[x] > 40) overTimeHours = hours[x] - 40; else overTimeHours = 0; // at each iteration, the value of the relevant table cell is filled with the grosspay for each employee outPut[x].value = (overTimeHours * PAY_PER_OVERTIME_HOURS) + (hours[x] * PAY_PER_HOUR); } } }

I'm sure this was not the best way to do this. If anyone has any suggestions on a simpler way to do this, please share.
Thanks