DOM

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 10px;
        }
    </style>
</head>
<body>
<input type="text" id="num1" placeholder="Please Enter Number" value=""> <br>
<input type="text" id="num2" placeholder="Please Enter Number" value=""> <br>
<button onclick="Add();">+</button>
<button onclick="Sub();">-</button>
<button onclick="Mul();">*</button>
<button onclick="Div();">/</button>
<button onclick="mod()">%</button>
<input type="text" id="result2" placeholder="Result" value=""> <br>
<div id="result">
    <h1>Result=</h1>
</div>

</body>
<script>
    var A=document.getElementById("num1");
    var B=document.getElementById("num2");

    function Add() {
        document.getElementById("result").innerHTML="<h1>Result="+(parseInt(A.value)+parseInt(B.value))+"</h1>";
        document.getElementById("result2").value=parseInt(A.value)+parseInt(B.value);

    }

    function Sub() {
        document.getElementById("result").innerHTML="<h1>Result="+(parseInt(A.value)-parseInt(B.value))+"</h1>";
        document.getElementById("result2").value=parseInt(A.value)-parseInt(B.value);

    }

    function Mul() {
        document.getElementById("result").innerHTML="<h1>Result="+(parseInt(A.value)*parseInt(B.value))+"</h1>";
        document.getElementById("result2").value=parseInt(A.value)*parseInt(B.value);

    }


    function Div() {
        document.getElementById("result").innerHTML="<h1>Result="+(parseInt(A.value)/parseInt(B.value))+"</h1>";
        document.getElementById("result2").value=parseInt(A.value)/parseInt(B.value);

    }

    function mod() {
        document.getElementById("result").innerHTML="<h1>Result="+(parseInt(A.value)%parseInt(B.value))+"</h1>";
        document.getElementById("result2").value=parseInt(A.value)%parseInt(B.value);

    }

</script>
</html>

Comments

Post a Comment