用js写一个简单的计算器
时间: 2023-11-18 22:06:25 浏览: 104
好的,以下是一个基本的 HTML 和 JavaScript 计算器:
HTML 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>计算器</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>计算器</h1>
<input type="text" id="result" readonly>
<br>
<button onclick="clearResult()">清除</button>
<button onclick="deleteChar()">删除</button>
<br>
<button onclick="addToResult('7')">7</button>
<button onclick="addToResult('8')">8</button>
<button onclick="addToResult('9')">9</button>
<button onclick="addToResult('+')">+</button>
<br>
<button onclick="addToResult('4')">4</button>
<button onclick="addToResult('5')">5</button>
<button onclick="addToResult('6')">6</button>
<button onclick="addToResult('-')">-</button>
<br>
<button onclick="addToResult('1')">1</button>
<button onclick="addToResult('2')">2</button>
<button onclick="addToResult('3')">3</button>
<button onclick="addToResult('*')">*</button>
<br>
<button onclick="addToResult('0')">0</button>
<button onclick="addToResult('.')">.</button>
<button onclick="calculate()">=</button>
<button onclick="addToResult('/')">/</button>
<br>
<script src="calculator.js"></script>
</body>
</html>
```
JavaScript 代码:
```javascript
let result = document.getElementById('result');
function addToResult(char) {
result.value += char;
}
function clearResult() {
result.value = '';
}
function deleteChar() {
result.value = result.value.slice(0, -1);
}
function calculate() {
try {
result.value = eval(result.value);
} catch (error) {
result.value = 'Error';
}
}
```
该计算器包括数字、小数点、加减乘除等基本操作,也实现了清除、删除和计算等功能。
阅读全文