html+js完成计算器
时间: 2023-10-28 07:04:53 浏览: 35
好的,下面是一个简单的 HTML 和 JavaScript 计算器:
```html
<!DOCTYPE html>
<html>
<head>
<title>计算器</title>
</head>
<body>
<input type="text" id="result" value="0" disabled><br>
<button onclick="clearResult()">清除</button>
<button onclick="calculate('/')">÷</button>
<button onclick="calculate('*')">×</button><br>
<button onclick="calculate('7')">7</button>
<button onclick="calculate('8')">8</button>
<button onclick="calculate('9')">9</button>
<button onclick="calculate('-')">-</button><br>
<button onclick="calculate('4')">4</button>
<button onclick="calculate('5')">5</button>
<button onclick="calculate('6')">6</button>
<button onclick="calculate('+')">+</button><br>
<button onclick="calculate('1')">1</button>
<button onclick="calculate('2')">2</button>
<button onclick="calculate('3')">3</button>
<button onclick="calculate('=')">=</button><br>
<button onclick="calculate('0')">0</button>
<button onclick="calculate('.')">.</button>
</body>
<script type="text/javascript">
var num1 = 0, num2 = 0, operator = '', result = document.getElementById('result');
function calculate(op) {
if (op === 'C') {
num1 = 0;
num2 = 0;
operator = '';
result.value = '0';
} else if (op === '=') {
num2 = parseFloat(result.value);
if (operator === '+') {
result.value = num1 + num2;
} else if (operator === '-') {
result.value = num1 - num2;
} else if (operator === '*') {
result.value = num1 * num2;
} else if (operator === '/') {
result.value = num1 / num2;
}
num1 = 0;
num2 = 0;
operator = '';
} else if (op === '+' || op === '-' || op === '*' || op === '/') {
num1 = parseFloat(result.value);
operator = op;
result.value = '0';
} else {
result.value += op;
}
}
function clearResult() {
num1 = 0;
num2 = 0;
operator = '';
result.value = '0';
}
</script>
</html>
```
这是一个简单的四则运算计算器,包含加、减、乘、除、清除和等于功能。您可以在浏览器中打开此文件,然后输入数字和操作符进行计算。