Post
Ask Question

Adding Integers and floats numbers in JavaScript using a single function

I am adding integers and floats numbers in javascript using a single function, I saw various solution but I came up with the following solution using the "number" function which was able to handle both integers and floats.
 
Code
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="HandelNullValues.aspx.cs" Inherits="HandelNullValues" %>  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4.   
  5.      <head>  
  6.           <title>Add Numbers</title>  
  7.           <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
  8.           <script type="text/javascript">  
  9.           function AddNumbers(PrmFirstNumber, PrmSecondNumber) {  
  10.                if (isNaN(PrmFirstNumber) || isNaN(PrmSecondNumber)) {  
  11.                     return NaN;  
  12.                } else {  
  13.                     return Number(PrmFirstNumber) + Number(PrmSecondNumber);  
  14.                }  
  15.           }  
  16.           $(document).ready(function() {  
  17.                $("#BtnAddNumber").click(function() {  
  18.                     var FirstNumber = $("#TextFirstNumber").val();  
  19.                     var SecondNumber = $("#TextSecondNumber").val();  
  20.                     alert(AddNumbers(FirstNumber, SecondNumber));  
  21.                     alert("for precision: " + AddNumbers(FirstNumber, SecondNumber).toFixed(2));  
  22.                });  
  23.           });  
  24.           </script>  
  25.      </head>  
  26.   
  27.      <body style="font-family: Arial; font-size: 100%;">  
  28.           <div>  
  29.                <table cellpadding="5" cellspacing="0" style="border: none 0px transparent;">  
  30.                     <tr>  
  31.                          <td>  
  32.                               <label>  
  33.                                    First Number</label>  
  34.                          </td>  
  35.                          <td>  
  36.                               <input type="text" maxlength="3" id="TextFirstNumber" />  
  37.                          </td>  
  38.                     </tr>  
  39.                     <tr>  
  40.                          <td>  
  41.                               <label>  
  42.                                    Second Number</label>  
  43.                          </td>  
  44.                          <td>  
  45.                               <input type="text" maxlength="3" id="TextSecondNumber" />  
  46.                          </td>  
  47.                     </tr>  
  48.                     <tr>  
  49.                          <td colspan="2">  
  50.                               <button id="BtnAddNumber" type="button">  
  51.                                    Add</button>  
  52.                          </td>  
  53.                     </tr>  
  54.                </table>  
  55.           </div>  
  56.      </body>  
  57.   
  58. </html>