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






  1. JavaScript DHTML
  2. Language Basics
  3. 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>








Related examples in the same category

1.Define variables, assign values and output
2.Dividing by Zero
3.Add characters
4.Complex class to represent complex numbers
5.A Function That Returns the Sum of Three Numbers (Stripped-Down Version)
6. Concatenating Variables and Displaying the Value Contained
7.JavaScript Loan Calculator
8.Factorials
9.Converting a Number to a String
10.Creating Number Objects Rather than Performing String-to-Number Conversions
11.Using toString() with Radix Values
12.Using JavaScript Integers
13.Conversion of Logical Values to Numeric Values
14.Using Floating-Point Numbers
15.Automatic Conversion between Types
16.Explicit Conversion Functions
17.Date Object Calculations
18.Operator Precedence and Different Data Types
19.Converting Base 10 to Base 16 Using Bitwise Operators
20.Number Calculation
21.Format a number
22.Format a number 2
23.Decimal to 2 Hex
24.Concatenate integer variable to a string variable