Add Four Numbers from an HTML Form (and Display the Results) : Number Data Type : Language Basics JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Language Basics » Number Data Type »

Add Four Numbers from an HTML Form (and Display the Results)



<HTML>
<HEAD>
<TITLE>Add all of the numbers </TITLE>
<SCRIPT> 
   function addNums () { 
      var theAnswer = 0; 
      for (var i = 0; i < addNums.arguments.length; i++) { 
         var theNum = Number(addNums.arguments[i]); 
         theAnswer += theNum; 
      } 
      return theAnswer; 
   } 
   </SCRIPT>
</HEAD>
<BODY>
<FORM Name="theForm">
<TABLE cellspacing=5>
<TR>
<TD>
<INPUT Type=Text Name="num1">
</TD>
<TD>
<INPUT Type=Text Name="num2">
</TD>
<TD>
<INPUT Type=Text Name="num3">
</TD>
</TR>
<TR>
<TD>
</TD>
<TD>
</TD>
<TD align=right>
<INPUT Type=Button Value="Add Them" onClick='document.write("The sum of the numbers is " + 
addThreeNums(theForm.num1.value,theForm.num2.value,theForm.num3.value, theForm.num4.value));'>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>