用js写一个计算器
时间: 2023-11-15 22:06:26 浏览: 61
好的,以下是一个简单的计算器的JavaScript代码示例:
HTML代码:
```
<div class="calculator">
<input type="text" id="result" class="result" value="0" disabled />
<button onclick="clearResult()">C</button>
<button onclick="backspace()">←</button>
<button onclick="addOperator('%')">%</button>
<button onclick="addOperator('/')">÷</button>
<button onclick="addNumber('7')">7</button>
<button onclick="addNumber('8')">8</button>
<button onclick="addNumber('9')">9</button>
<button onclick="addOperator('*')">x</button>
<button onclick="addNumber('4')">4</button>
<button onclick="addNumber('5')">5</button>
<button onclick="addNumber('6')">6</button>
<button onclick="addOperator('-')">-</button>
<button onclick="addNumber('1')">1</button>
<button onclick="addNumber('2')">2</button>
<button onclick="addNumber('3')">3</button>
<button onclick="addOperator('+')">+</button>
<button onclick="addNumber('0')">0</button>
<button onclick="addNumber('.')">.</button>
<button onclick="calculate()">=</button>
</div>
```
JavaScript代码:
```
let result = document.getElementById("result");
function addNumber(number) {
if (result.value == "0") {
result.value = number;
} else {
result.value += number;
}
}
function addOperator(operator) {
if (result.value != "0") {
result.value += operator;
}
}
function clearResult() {
result.value = "0";
}
function backspace() {
result.value = result.value.slice(0, -1);
if (result.value == "") {
result.value = "0";
}
}
function calculate() {
result.value = eval(result.value);
}
```
这个计算器可以进行基本的加、减、乘、除和取余运算。用户可以通过单击数字和运算符按钮来输入表达式,并通过单击“=”按钮计算结果。
阅读全文