Simple JavaScript Calculator

<html>
<body>
<table style ="border: 3px solid black";><td>
<h1 align="center">Assigment No # 05<br>
A Simple JavaScript Calculator<br>
Made By Noman Khan MCS (Eve)</h1><br>
<hr>
    <br/>Enter first number:
    <input type="text" id="num1" name="num1"><br>
<br>Enter second number:
    <input type="text" id="num2" name="num2"><br><br>
!-- buttons----! -->
<input type="button"value=" + "onclick="addnum()">
<input type="button"value=" - "onclick="minnum()">
<input type="button"value=" x "onclick="mulnum()">
<input type="button"value=" / "onclick="divnum()">
<input type="button"value=" % "onclick="remnum()">
<br>
  <br>

<!-- Result -->
   <br><fieldset>
    <p id="msg"></p>
   </fieldset>
   <!-- CLEAR BUTTON -->
<br><input type="button" name=" CLEAR " value=" CLEAR " onclick="Clear()"><br>
    <script>
      function addnum() {
   var y = document.getElementById("num1").value;
        var z = document.getElementById("num2").value;
        var result = +y + +z;
        document.getElementById("msg").innerHTML = "Your Result Is: "+result;
      }
    </script>
<script>
function minnum()
{       var y = document.getElementById("num1").value;
        var z = document.getElementById("num2").value;
        var result = y - z;
        document.getElementById("msg").innerHTML = "Your Result Is: "+result;
      }
</script>
<script>
function mulnum()
{
        var y = document.getElementById("num1").value;
        var z = document.getElementById("num2").value;
        var result = +y * +z;
        document.getElementById("msg").innerHTML = "Your Result Is: "+result;
      }
</script>
<script>
function divnum()
{
        var y = document.getElementById("num1").value;
        var z = document.getElementById("num2").value;
        var result = +y / +z;
        document.getElementById("msg").innerHTML = "Your Result Is: "+result;
      }

</script>
<script>
function remnum()
{
        var y = document.getElementById("num1").value;
        var z = document.getElementById("num2").value;
        var result = +y % +z;
        document.getElementById("msg").innerHTML = "Your Result Is: "+result;
      }
</script>
<script>
function Clear()                //CLEAR ENTRY
    {
   document.getElementById("num1").value = "";
   document.getElementById("num2").value = "";
   }
 </script>

</td>
</table>
</body>
</html>
______________________

Comments

Post a Comment

Popular posts from this blog

Linear Search in C++

Image
Linear Search in C++ To search any element present inside the array in C++ programming using linear search technique, you have ask to the user to enter the array size and array elements to store the elements in the array. Now ask to the user to enter the element that he/she want to check or search whether the entered number/element is present in the array or not. To check/search for the element, just compare with the number to each element present in the array if any element equal to the entered number then print the exact position of the number in the array as shown here in the following program. C++ Programming Code for Linear Search Following C++ program first ask to the user to enter the array size then it will ask to enter the array elements, then it will finally ask to enter a number to be search in the given array to check whether it is present in the array or not, if it is present then at which position : /* C++ Program - Linear Search */ #include<iostream.h...
Read more

Advance Calculator in JavaScript

Image
<!DOCTYPE html> <html> <body> <script language="JavaScript">     Memory  = "0";      // initialise memory variable     Current = "0";      //   and value of Display ("current" value)     Operation = 0;      // Records code for eg * / etc.     MAXLENGTH = 30;     // maximum number of digits before decimal! function AddDigit(dig)          //ADD A DIGIT TO DISPLAY (keep as 'Current')  { if (Current.indexOf("!") == -1)  //if not already an error     { if (    (eval(Current) == 0)               && (Current.indexOf(".") == -1)          ) { Current = dig;            } else            { Current = Current + dig;            };   ...
Read more