I made a simple calculator using JavaScript Only
 |
| This is how its look on the browser |
here is code
<html>
<head>
<title>calculator
</title>
</head>
<body>
<script>
function a1()
{
v1= document.getElementById("first").value;
v2= document.getElementById("second").value;
document.getElementById("result").innerHTML=+v1 + +v2;
}
function a2()
{
v1= document.getElementById("first").value;
v2= document.getElementById("second").value;
document.getElementById("result").innerHTML=v1-v2;
}
function a3()
{
v1= document.getElementById("first").value;
v2= document.getElementById("second").value;
document.getElementById("result").innerHTML=v1/v2;
}
function a4()
{
v1= document.getElementById("first").value;
v2= document.getElementById("second").value;
document.getElementById("result").innerHTML=v1*v2;
}
</script>
<p id="demo"></p>
<form>
Enter 1st number ~ <input type="text" id="first" placeholder="enter value 1 here"></input><br><br>
Enter 2nd number ~ <input type= "text" id="second" placeholder="enter value 2 here"></input><br><br>
<input type="button" onclick="a1()" value="+"></input>
<input type="button" onclick="a2()" value="-"></input>
<input type="button" onclick="a3()" value="/"></input>
<input type="button" onclick="a4()" value="*"></input>
<br><br>
Result is ~ <span id="result"></span>
</form>
</body>
</html>
THANKS!
VISIT AGAIN
0 Comments