[DOM] Simple Calculator

<!DOCTYPE html>

<html>

<head>

<title>Simple Calculator</title>

</head>

<body>

<h1>A Simple Calculator</h1>

<input type="text" id="number1"> 1st Number<br>

<input type="text" id="number2"> 2nd Number<br>

<input type="text" id="result"> Result<br>

<div>

<button type="button" onclick="substract()">Substract</button>

<button type="reset" value="reset" type="reset" class="btnreset" onclick="window.location.reload()">Reset</button>

</div>

</body>

</html>

function add() {

var n1 = document.getElementById("number1").value;

var n2 = document.getElementById("number2").value;

var result = Number(n1) + Number(n2);

return document.getElementById("result").value = result;

}

function substract() {

var n1 = document.getElementById("number1").value;

var n2 = document.getElementById("number2").value;

var result = Number(n1) - Number(n2);

return document.getElementById("result").value = result;

}

function swap(){

var n1 = document.getElementById("number1").value;

var n2 = document.getElementById("number2").value;

document.getElementById("number2").value =Number(n1);

document.getElementById("number1").value =Number(n2);

}

dailydiarytech