JavaScript Program to Perform Arithmetic Operations
Write a JavaScript program to perform arithmetic operations.
Source Code
<html>
<head>
<title>Arithmetic Operations on button click</title>
<script>
var n1, n2, result;
function addNums() {
n1 = parseInt(document.getElementById("num1").value);
n2 = parseInt(document.getElementById("num2").value);
result = n1 + n2;
document.getElementById("result").value = result;
}
function subNums() {
n1 = parseInt(document.getElementById("num1").value);
n2 = parseInt(document.getElementById("num2").value);
result = n1 - n2;
document.getElementById("result").value = result;
}
function mulNums() {
n1 = parseInt(document.getElementById("num1").value);
n2 = parseInt(document.getElementById("num2").value);
result = n1 * n2;
document.getElementById("result").value = result;
}
function divNums() {
n1 = parseInt(document.getElementById("num1").value);
n2 = parseInt(document.getElementById("num2").value);
result = n1 / n2;
document.getElementById("result").value = result;
}
</script>
</head>
<body>
<form>
First number <input id="num1" type="text" ><br><br>
Second number <input id="num2" type="text"><br><br>
Result <input id="result" type="text"><br><br>
<input type="button" value="Add (+)" onclick="addNums()">
<input type="button" value="Sub (-)" onclick="subNums()">
<input type="button" value="Mul (*)" onclick="mulNums()">
<input type="button" value="Div (/)" onclick="divNums()">
</form>
</body>
</html>
Output
