Basic Mathematical Operations

Hi friends lets code for Basic Calculation of Numbers using JavaScript

 Program :


<html>
<head>
<h2>JAVASCRIPT BASIC CALCULATIONS</h2>
<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 30px;
}
.size {
font-size: 30px;
}
</style>
</head>
<script type="text/javascript">
function addition() {
var first = document.getElementById("textbox1").value;
 var second = document.getElementById("textbox2").value;
var answer =parseFloat(first)+parseFloat(second);
var textbox3 = document.getElementById('textbox3');
textbox3.value=answer;
 }
function subtraction() {
var first = document.getElementById("textbox1").value;
 var second = document.getElementById("textbox2").value;
var answer =parseFloat(first)-parseFloat(second);
var textbox3 = document.getElementById('textbox3');
textbox3.value=answer;
 }
function multiplication() {
var first = document.getElementById("textbox1").value;
 var second = document.getElementById("textbox2").value;
var answer =parseFloat(first)*parseFloat(second);
var textbox3 = document.getElementById('textbox3');
textbox3.value=answer;
 }
function moddiv() {
var first = document.getElementById("textbox1").value;
 var second = document.getElementById("textbox2").value;
var answer =parseFloat(first)%parseFloat(second);
var textbox3 = document.getElementById('textbox3');
textbox3.value=answer;
 }
function division() {
var first = document.getElementById("textbox1").value;
 var second = document.getElementById("textbox2").value;
var answer =parseFloat(first)/parseFloat(second);
var textbox3 = document.getElementById('textbox3');
textbox3.value=answer;
 }
</script>
 <body>
<input type="text" name="textbox1" class="size" id="textbox1" /> <br />  <br /> <input type="text" name="textbox2" class="size" id="textbox2" /> <br /><br />
<input type="submit" name="button" class="button id="button" onclick="addition()" value="+" />
<input type="submit" name="button" class="button id="button" onclick="multiplication()()" value="*" />
<input type="submit" name="button" class="button id="button" onclick="division()" value="/" /><br /><br />
<input type="submit" name="button" class="button id="button" onclick="moddiv()" value="%" />
<input type="submit" name="button" class="button id="button" onclick="subtraction()" value="-" />
<br/><br />
Result:<br /> <br />
<input type="text" name="textbox3" class="size" id="textbox3" readonly="true"/>
</body>
 </html>

Output :



you can execute this Code at

http://vitaminjs.kittu.xyz/p/basic-mathematical-calculations.html


Have a Nice Day 

Comments

Post a Comment