Javascript: Multiple Calculation Inputs

programming web dev
1

Hello everyone,

Below is the script and code for the calculator I am creating. I’m having bother with adding additional inputs for the form to calculate. It seems to work fine with 3 separate variables/functions but when adding a 4th or 5th, the form fails.

I would be very grateful for any help you can give me!

Thanks, AR.

[SIZE=“4”]Javascript[/SIZE]

<script language="JavaScript">
<!--
function showpay() {
 if ((document.calc.inpsurgperwk.value == null || document.calc.inpsurgperwk.value.length == 0) ||
     (document.calc.inpavgminpersurg.value == null || document.calc.inpavgminpersurg.value.length == 0) ||
     (document.calc.inpavgcostpersurg.value == null || document.calc.inpavgcostpersurg.value.length == 0) ||
     (document.calc.inpminsavpersurg.value == null || document.calc.inpminsavpersurg.value.length == 0) ||
     (document.calc.inpcostequip.value == null || document.calc.inpcostequip.value.length == 0))
	 
 { document.calc.costsurg.value = "Incomplete data";
 }
 else
 {
 var inputa = document.calc.inpsurgperwk.value;
 var inputb = document.calc.inpavgminpersurg.value;
 var inputc = document.calc.inpavgcostpersurg.value;
 var inputd = document.calc.inpminsavpersurg.value;
 var inpute = document.calc.inpcostequip.value;

 document.calc.costsurg.value = inputc * inputa;
 document.calc.savedpersurg.value = inputd + inpute;
 }
}

// -->
</script>

[SIZE=“4”]HTML/FORM[/SIZE]

<form name=calc method=POST>
<table width=94% border=0>
<tr><th width=50%><font color=blue>Description</font></th>
<th width=50%><font color=blue>Data Entry</font></th></tr>

<tr><td>Surgeries Per Week </td>
  <td align=right><input type=text name=inpsurgperwk size=10></td></tr>
<tr>
  <td>Average Minutes Per Surgery </td>
  <td
align=right><input type=text name=inpavgminpersurg size=10></td></tr>
<tr>
  <td>Average Cost Per Surgery </td>
  <td  align=right><input type=text name=inpavgcostpersurg size=10></td></tr>
<tr>
  <td>Minutes Saved Per Surgery </td>
  <td 
align=right> <input type=text name=inpminsavpersurg size=10></td></tr>
<tr>
  <td>Cost of Digital Equipment</td>
  <td 
  align=right> <input type=text name=costequip size=10></td>
</tr>
<tr>
  <td align=center>&nbsp;</td>
  <td align=center>&nbsp;</td>
</tr>
<tr>
  <td>Cost of Surgeries </td>
  <td align=right> <input type=text name=costsurg size=10>
    </td>
</tr>
<tr>
  <td>Amount saved per surgery </td>
  <td align=right>
    <input type=text name=savedpersurg size=10>
  </td>
</tr>
<tr>
  <td align=center><input name="reset" type=reset value=Reset></td>
  <td align=center><input name="button" type=button onClick='showpay()' value=Calculate>
  </td>
</tr>
<tr>
  <td align=center>&nbsp;</td>
  <td align=center>&nbsp;</td>
</tr>
</table>
</form>