用Javascript编写一个简单计算器
时间: 2024-05-06 08:21:46 浏览: 14
好的,下面是用Javascript编写一个简单计算器的代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单计算器</title>
</head>
<body>
<h1>简单计算器</h1>
<input type="text" id="num1" placeholder="请输入第一个数字">
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="num2" placeholder="请输入第二个数字">
<button onclick="calculate()">计算</button>
<br>
<br>
<label>结果:</label>
<span id="result"></span>
<script>
function calculate() {
var num1 = Number(document.getElementById("num1").value);
var num2 = Number(document.getElementById("num2").value);
var operator = document.getElementById("operator").value;
var result;
switch(operator) {
case "+":
result = num1 + num2;
break;
case "-":
result = num1 - num2;
break;
case "*":
result = num1 * num2;
break;
case "/":
result = num1 / num2;
break;
default:
result = "Error";
}
document.getElementById("result").innerHTML = result;
}
</script>
</body>
</html>
```
运行该代码可以在浏览器中看到一个简单的计算器界面,输入两个数字并选择运算符后,点击计算按钮即可得到运算结果。