<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<center>
<div>
Enter first num : <input type="text" id="f" style="background-color:
aqua;"><br><br>
Enter secong num : <input type="text" id="g" style="background-color:
aqua;"> <br><br>
Enter a num for square : <input type="text" id="a" style="background-color:
aqua;"> <br><br>
Enter a num for cube : <input type="text" id="b" style="background-color:
aqua;"> <br><br>
<button onclick="add()" style="background-color: aqua;">Add</button> <br><br>
<button onclick="sub()" style="background-color: aqua;">Sub</button><br><br>
<button onclick="mul()" style="background-color: aqua;">Mul</button><br><br>
<button onclick="div()" style="background-color: aqua;">Div</button><br><br>
<button onclick="square()" style="background-color: aqua;">Square</button><br>
<button onclick="cube()" style="background-color: aqua;">Cube</button><br><br>
</div>
</center>
</body>
<script>
var f=0
var g=0
function add()
{
var a=parseInt(document.getElementById("f").value)
var b=parseInt(document.getElementById("g").value)
document.write("addition :"+(a+b))
}
function sub()
{
var a=parseInt(document.getElementById("g").value)
var b=parseInt(document.getElementById("f").value)
document.write("subtration:"+(a-b))
}
function mul()
{
var a=parseInt(document.getElementById("f").value)
var b=parseInt(document.getElementById("g").value)
document.write("multiply :"+(a*b))
}
function div()
{
var a=parseInt(document.getElementById("f").value)
var b=parseInt(document.getElementById("g").value)
document.write("divide :"+(a/b))
}
function square()
{
var a=parseInt(document.getElementById("a").value)
document.write("square :"+(a*a))
}
function cube()
{
var a=parseInt(document.getElementById("b").value)
document.write("cube :"+(a*a*a))
}
</script>
</html>
No comments:
Post a Comment