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





"Coding Hub - Learn to code" app now available on Google Play Store