重新写一个
时间: 2024-02-13 11:05:54 浏览: 20
以下是另一个简单的网页计算器的代码示例:
```
<!DOCTYPE html>
<html>
<head>
<title>网页计算器</title>
<meta charset="utf-8">
</head>
<body>
<input type="text" id="result" readonly>
<br>
<button onclick="append('7')">7</button>
<button onclick="append('8')">8</button>
<button onclick="append('9')">9</button>
<button onclick="append('/')">/</button>
<br>
<button onclick="append('4')">4</button>
<button onclick="append('5')">5</button>
<button onclick="append('6')">6</button>
<button onclick="append('*')">*</button>
<br>
<button onclick="append('1')">1</button>
<button onclick="append('2')">2</button>
<button onclick="append('3')">3</button>
<button onclick="append('-')">-</button>
<br>
<button onclick="append('0')">0</button>
<button onclick="append('.')">.</button>
<button onclick="clearResult()">C</button>
<button onclick="append('+')">+</button>
<br>
<button onclick="calculate()">=</button>
<script>
// 当前的计算表达式
var expression = '';
// 向输入框中追加数字和操作符
function append(character) {
// 如果当前表达式已经有结果,则清空表达式
if (expression.indexOf('=') >= 0) {
expression = '';
document.getElementById('result').value = '';
}
// 追加数字和操作符到表达式中
expression += character;
document.getElementById('result').value = expression;
}
// 清空输入框中的内容
function clearResult() {
expression = '';
document.getElementById('result').value = '';
}
// 计算当前的表达式,并将结果显示在输入框中
function calculate() {
// 如果当前表达式已经有结果,则直接返回结果
if (expression.indexOf('=') >= 0) {
return;
}
// 计算表达式的结果
try {
var result = eval(expression);
} catch (error) {
alert('表达式不合法,请重新输入!');
return;
}
// 将结果添加到表达式中
expression += '=' + result;
// 将结果显示在输入框中
document.getElementById('result').value = expression;
}
</script>
</body>
</html>
```
以上代码实现了一个简单的网页计算器,支持加、减、乘、除和小数点等操作,还增加了一个清空按钮和一个表达式不合法的提示框。注意,由于使用了 eval 函数来计算表达式的结果,存在一定的安全风险,应该避免使用 eval 函数来执行动态代码。