html+js实现计算机
时间: 2024-05-07 14:17:49 浏览: 8
要实现一个计算器,可以使用HTML和JavaScript。以下是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>计算器</title>
<script>
function calculate() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
var operator = document.getElementById("operator").value;
var result;
if (operator === "+") {
result = parseFloat(num1) + parseFloat(num2);
} else if (operator === "-") {
result = parseFloat(num1) - parseFloat(num2);
} else if (operator === "*") {
result = parseFloat(num1) * parseFloat(num2);
} else if (operator === "/") {
result = parseFloat(num1) / parseFloat(num2);
}
document.getElementById("result").value = result;
}
</script>
</head>
<body>
<label for="num1">第一个数字:</label>
<input type="text" id="num1"><br><br>
<label for="operator">操作符:</label>
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select><br><br>
<label for="num2">第二个数字:</label>
<input type="text" id="num2"><br><br>
<button onclick="calculate()">计算</button><br><br>
<label for="result">结果:</label>
<input type="text" id="result">
</body>
</html>
```
这段代码创建了一个简单的HTML页面,其中包含两个输入框和一个下拉菜单,用于输入数字和操作符。当用户点击“计算”按钮时,JavaScript函数将获取这些值,并执行相应的计算。最后,结果将显示在另一个输入框中。