Add Four Numbers from an HTML Form (and Display the Results) : JavaScript DHTML examples (example source code) » Language Basics » Number Data Type

JavaScript DHTML
C++
Java Products
Java Articles
JavaScript DHTML Home  »   Language Basics   » [  Number Data Type  ]   
 



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

Please note that some example is only working under IE or Firefox.

/*

Learn How to Program Using Any Web Browser
by Harold Davis 

Apress CopyRight 2004

ISBN: 1590591135
*/
<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








Home| Contact Us
Copyright 2003 - 04 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.