Simple calculator
<!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>
Enter a Number 1:<input type="text" id="number1" ><br>
Enter a Number 2:<input type="text" id="number2" ><br>
Result:<input type="text" id="result" ><br>
<input type="button" value="+" onclick="calc('+')">
<input type="button" value="-" onclick="calc('-')">
<input type="button" value="/" onclick="calc('/')">
<input type="button" value="x" onclick="calc('x')">
</body>
<script>
function calc(operator){
var num1=parseInt(document.getElementById("number1").value);
var num2=parseInt(document.getElementById("number2").value);
var result;
switch(operator){
case "+":
result=num1+num2;
break;
case "-":
result=num1-num2;
break;
case "/":
result=num1/num2;
break;
case "x":
result=num1*num2;
break;
default:
result="Invalid Operator";
break;
}
document.getElementById('result').value=result;
}
</script>
</html>
Comments