帮我写一个简单的网页计算器
时间: 2023-11-24 21:05:34 浏览: 148
以下是一个简单的网页计算器的HTML和JavaScript代码示例:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>网页计算器</title>
</head>
<body>
<h1>网页计算器</h1>
<input type="text" id="input1">
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="input2">
<button onclick="calculate()">计算</button>
<p id="result"></p>
<script src="calculator.js"></script>
</body>
</html>
```
JavaScript代码(保存为calculator.js文件):
```javascript
function calculate() {
// 获取用户输入的数字和运算符
var input1 = parseFloat(document.getElementById("input1").value);
var input2 = parseFloat(document.getElementById("input2").value);
var operator = document.getElementById("operator").value;
// 根据运算符计算结果
var result;
switch(operator) {
case "+":
result = input1 + input2;
break;
case "-":
result = input1 - input2;
break;
case "*":
result = input1 * input2;
break;
case "/":
result = input1 / input2;
break;
default:
result = "无效的运算符";
}
// 显示计算结果
document.getElementById("result").innerHTML = "结果:" + result;
}
```
使用浏览器打开HTML文件即可使用这个简单的网页计算器进行加、减、乘、除运算。
阅读全文
相关推荐













