用html写一个计算机
时间: 2023-12-18 22:05:08 浏览: 56
对于计算机一级考试试题
抱歉,我是一个语言模型,无法直接展示HTML代码。但是,我可以提供以下HTML代码示例,您可以将其复制并粘贴到HTML编辑器中:
```html
<!DOCTYPE html>
<html>
<head>
<title>计算机</title>
</head>
<body>
<h1>计算机</h1>
<table border="1">
<tr>
<td colspan="4"><input type="text" id="result" disabled></td>
</tr>
<tr>
<td><input type="button" value="7" onclick="insertNumber('7')"></td>
<td><input type="button" value="8" onclick="insertNumber('8')"></td>
<td><input type="button" value="9" onclick="insertNumber('9')"></td>
<td><input type="button" value="+" onclick="insertOperator('+')"></td>
</tr>
<tr>
<td><input type="button" value="4" onclick="insertNumber('4')"></td>
<td><input type="button" value="5" onclick="insertNumber('5')"></td>
<td><input type="button" value="6" onclick="insertNumber('6')"></td>
<td><input type="button" value="-" onclick="insertOperator('-')"></td>
</tr>
<tr>
<td><input type="button" value="1" onclick="insertNumber('1')"></td>
<td><input type="button" value="2" onclick="insertNumber('2')"></td>
<td><input type="button" value="3" onclick="insertNumber('3')"></td>
<td><input type="button" value="*" onclick="insertOperator('*')"></td>
</tr>
<tr>
<td><input type="button" value="0" onclick="insertNumber('0')"></td>
<td><input type="button" value="." onclick="insertDecimalPoint()"></td>
<td><input type="button" value="C" onclick="clearResult()"></td>
<td><input type="button" value="/" onclick="insertOperator('/')"></td>
</tr>
<tr>
<td colspan="4"><input type="button" value="=" onclick="calculateResult()"></td>
</tr>
</table>
<script>
function insertNumber(number) {
var currentResult = document.getElementById("result").value;
document.getElementById("result").value = currentResult + number;
}
function insertDecimalPoint() {
var currentResult = document.getElementById("result").value;
if (currentResult.indexOf(".") == -1) {
document.getElementById("result").value = currentResult + ".";
}
}
function insertOperator(operator) {
var currentResult = document.getElementById("result").value;
if (currentResult != "") {
document.getElementById("result").value = currentResult + operator;
}
}
function clearResult() {
document.getElementById("result").value = "";
}
function calculateResult() {
var currentResult = document.getElementById("result").value;
if (currentResult != "") {
document.getElementById("result").value = eval(currentResult);
}
}
</script>
</body>
</html>
```
这是一个简单的计算器,包含加、减、乘、除和小数点等功能。在HTML中使用了JavaScript来处理用户输入和计算结果。
阅读全文