用js写个能加减乘除的计算器
时间: 2024-05-03 16:20:46 浏览: 80
好的,我可以帮您讲解如何用JS编写一个简单的加减乘除计算器。首先,需要在HTML文件中创建相应的元素,例如input标签用于输入数字、button标签用于输入操作符等。接着,在JavaScript代码中,可以使用事件监听器来监听用户的按钮点击操作,然后根据点击的按钮来执行相应的计算操作,最后将结果输出到屏幕上。下面是一个简单的实现示例:
HTML代码:
```
<div>
<label>输入第一个数字:</label>
<input id="input1" type="number">
</div>
<div>
<label>输入第二个数字:</label>
<input id="input2" type="number">
</div>
<div>
<label>选择操作符:</label>
<select id="operator">
<option value="+">加</option>
<option value="-">减</option>
<option value="*">乘</option>
<option value="/">除</option>
</select>
</div>
<button id="calculate">计算</button>
<div>
<label>结果:</label>
<span id="result"></span>
</div>
```
JavaScript代码:
```
var num1 = document.getElementById("input1");
var num2 = document.getElementById("input2");
var operator = document.getElementById("operator");
var calculateBtn = document.getElementById("calculate");
var result = document.getElementById("result");
calculateBtn.addEventListener("click", function() {
var x = parseFloat(num1.value);
var y = parseFloat(num2.value);
var op = operator.value;
if (op === "+") {
result.innerText = x + y;
} else if (op === "-") {
result.innerText = x - y;
} else if (op === "*") {
result.innerText = x * y;
} else if (op === "/") {
result.innerText = x / y;
}
});
```
希望对您有所帮助!
阅读全文