用js做一个加减乘除器
时间: 2024-09-11 11:06:43 浏览: 45
基于 .NET 5 + Ant Design Vue 的 Admin Fx.zip
要用JavaScript制作一个简单的加减乘除器,你可以创建一个网页,其中包含输入框用于用户输入数字,按钮用于选择运算类型,以及一个用于显示结果的区域。下面是一个基本的实现示例:
1. 创建HTML结构,包含四个输入框用于接收操作数和操作符,以及一个按钮用于执行计算,最后是一个用于显示结果的区域。
```html
<!DOCTYPE html>
<html>
<head>
<title>简易计算器</title>
</head>
<body>
<div id="calculator">
<input type="text" id="firstNumber" placeholder="第一个数字">
<input type="text" id="secondNumber" placeholder="第二个数字">
<select id="operator">
<option value="add">+</option>
<option value="subtract">-</option>
<option value="multiply">*</option>
<option value="divide">/</option>
</select>
<button onclick="calculate()">计算</button>
<p id="result">结果将会显示在这里</p>
</div>
<script src="calculator.js"></script>
</body>
</html>
```
2. 创建一个名为 `calculator.js` 的JavaScript文件,并编写 `calculate()` 函数来处理用户的输入和计算逻辑。
```javascript
function calculate() {
// 获取用户输入的第一个操作数
var num1 = parseFloat(document.getElementById('firstNumber').value);
// 获取用户输入的第二个操作数
var num2 = parseFloat(document.getElementById('secondNumber').value);
// 获取用户选择的操作符
var operator = document.getElementById('operator').value;
var result = 0;
// 根据操作符进行计算
switch (operator) {
case 'add':
result = num1 + num2;
break;
case 'subtract':
result = num1 - num2;
break;
case 'multiply':
result = num1 * num2;
break;
case 'divide':
// 检查除数是否为零
if(num2 === 0) {
alert("除数不能为0");
return;
}
result = num1 / num2;
break;
}
// 显示结果
document.getElementById('result').textContent = "结果是: " + result;
}
```
3. 将以上代码保存并运行,然后就可以在网页上使用这个简易的加减乘除器了。
阅读全文