html+js写一个计算机
时间: 2024-05-01 11:21:35 浏览: 9
好的,以下是一个简单的 HTML 和 JavaScript 实现的计算器:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>计算器</title>
</head>
<body>
<input type="text" id="result" disabled>
<br>
<button onclick="addNumber('7')">7</button>
<button onclick="addNumber('8')">8</button>
<button onclick="addNumber('9')">9</button>
<button onclick="addOperator('+')">+</button>
<br>
<button onclick="addNumber('4')">4</button>
<button onclick="addNumber('5')">5</button>
<button onclick="addNumber('6')">6</button>
<button onclick="addOperator('-')">-</button>
<br>
<button onclick="addNumber('1')">1</button>
<button onclick="addNumber('2')">2</button>
<button onclick="addNumber('3')">3</button>
<button onclick="addOperator('*')">*</button>
<br>
<button onclick="addNumber('0')">0</button>
<button onclick="addOperator('/')">/</button>
<button onclick="calculate()">=</button>
<button onclick="clearResult()">C</button>
<script>
let result = document.getElementById('result');
let expression = '';
function addNumber(number) {
expression += number;
result.value = expression;
}
function addOperator(operator) {
expression += ' ' + operator + ' ';
result.value = expression;
}
function calculate() {
result.value = eval(expression);
expression = result.value;
}
function clearResult() {
expression = '';
result.value = '';
}
</script>
</body>
</html>
```
这个计算器可以进行简单的加、减、乘、除运算,支持连续操作和清空。