Facebook Twitter RSS
banner

Add,Subtract,Multiply,Divide,Modulus of Two Numbers in Javascript

<html>
<head>
    <script type="text/javascript">
        function Addition()
       {
            var FirstNumber = document.form.txtFirstNumber.value;
            var SecondNumber = document.form.txtSecondNumber.value;
            var sum = Number(FirstNumber) + Number(SecondNumber);
            alert("Your Result is: " + sum);
        }
        function Subtraction()
        {
            var FirstNumber = document.form.txtFirstNumber.value;
            var SecondNumber = document.form.txtSecondNumber.value;
            var sum = Number(FirstNumber) - Number(SecondNumber);
            alert("Your Result is: " + sum);
        }
        function Multiplication()
        {
            var FirstNumber = document.form.txtFirstNumber.value;
            var SecondNumber = document.form.txtSecondNumber.value;
            var sum = Number(FirstNumber) * Number(SecondNumber);
            alert("Your Result is: " + sum);
        }
        function Division()
        {
            var FirstNumber = document.form.txtFirstNumber.value;
            var SecondNumber = document.form.txtSecondNumber.value;
            var sum = Number(FirstNumber) / Number(SecondNumber);
            alert("Your Result is: " + sum);
        }       
        function Modulus()
        {
            var FirstNumber = document.form.txtFirstNumber.value;
            var SecondNumber = document.form.txtSecondNumber.value;
            var sum = Number(FirstNumber) % Number(SecondNumber);
            alert("Your Result is: " + sum);
        }      
    </script>
</head>
<body>
 <form name="form">
  <div style="width:400px; height:150px;">
    <div style="width:300px; height:40px;">
       <div style="width:150px; height:30px; float:left" >Enter First Number: </div>
       <div style="width:150px; height:30px; float:left" ><input type="text" name="txtFirstNumber"> </div>
    </div>
     <div style="width:300px; height:40px;">
        <div style="width:150px; height:30px;  float:left" >Enter Second Number: </div>
        <div style="width:150px; height:30px; float:left" ><input type="text" name="txtSecondNumber"></div>     </div>      
     <div style="width:400px; height:40px;">
        <div style="width:50px; height:30px; float:left" ><input type="button"  value="Add"              onclick="Addition();"> </div>
         <div style="width:85px; height:30px;  float:left" > <input type="button"  value="Subtract" onclick="Subtraction();"> </div>
              <div style="width:80px; height:30px;  float:left" > <input type="button"  value="Multiply" onclick="Multiplication();"> </div>
              <div style="width:60px; height:30px;  float:left" > <input type="button"  value="Divide" onclick="Division();"> </div>
              <div style="width:40px; height:30px;  float:left" > <input type="button"  value="Modulus" onclick="Modulus();"> </div>
    </div>
        </div> 
     </form>
  </body>
</html>

         Design:

 

 

               <input type="button"  value="Add" onclick="Addition();">
                         When we click on Add button then function Addition() is called, 
                 
              Here is Definition of function Addition()

                         function Addition() 
                            {
                                 var FirstNumber = document.form.txtFirstNumber.value;
                                 var SecondNumber = document.form.txtSecondNumber.value;
                                 var sum = Number(FirstNumber) + Number(SecondNumber);
                                 alert("Your Result is: " + sum);
                            }

             Output will be :




             <input type="button"  value="Subtraction" onclick="Subtracion();">
                          When we click on Subtract button then function Subtracion() is called, 
                 
             Here is Definition of function Subtraction()

                         function Subtraction() 
                            {
                                 var FirstNumber = document.form.txtFirstNumber.value;
                                 var SecondNumber = document.form.txtSecondNumber.value;
                                 var sum = Number(FirstNumber) - Number(SecondNumber);
                                 alert("Your Result is: " + sum);
                            }

              Output will be :



                <input type="button"  value="Multiply" onclick="Multiplication();">
                           When we click on Multiply button then function Multiplication() is called, 
                 
                 Here is Definition of function Multiplication()

                            function Multiplication() 
                             {
                                  var FirstNumber = document.form.txtFirstNumber.value;
                                  var SecondNumber = document.form.txtSecondNumber.value;
                                  var sum = Number(FirstNumber) * Number(SecondNumber);
                                  alert("Your Result is: " + sum);
                             }

                Output will be :




                  <input type="button"  value="Divide" onclick="Division();">
                              When we click on Divide button then function Division() is called, 
                 
                   Here is Definition of function Divission()

                              function Division() 
                               {
                                    var FirstNumber = document.form.txtFirstNumber.value;
                                    var SecondNumber = document.form.txtSecondNumber.value;
                                    var sum = Number(FirstNumber) / Number(SecondNumber);
                                    alert("Your Result is: " + sum);
                                } 

                   Output will be :

  

                   <input type="button"  value="Modulus" onclick="Modulus();">
                              When we click on Modulus button then function Modulus() is called, 
                 
                   Here is Definition of function Modulus()

                             function Modulus() 
                                {
                                     var FirstNumber = document.form.txtFirstNumber.value;
                                     var SecondNumber = document.form.txtSecondNumber.value;
                                     var sum = Number(FirstNumber) % Number(SecondNumber);
                                     alert("Your Result is: " + sum);
                                }

                   Output will be :

4 comments:

  1. Ratan Wasekar26 September 2017 at 00:03

    hi how to do it without alert button directly tell the result please tell me

    ReplyDelete
    Replies
    1. Unknown22 November 2017 at 22:55

      ok.See there are many ways to display the result on the screen. You can show the result on the form also.

      Delete
  2. Unknown25 October 2018 at 11:00

    There are many ways to display the result. So, you can display the result in label or span etc.

    ReplyDelete
  3. Unknown24 January 2019 at 01:20

    how to write it by using single function?

    ReplyDelete

Subscribe to: Posts (Atom)