帮我写个计算器,用js 语言
时间: 2023-08-31 11:25:38 浏览: 93
### 回答1:
以下是基本的加减乘除计算器,你可以根据需要进行修改和扩展。
HTML代码:
```html
<div>
<input type="text" id="num1">
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="num2">
<button onclick="calculate()">计算</button>
<br><br>
<input type="text" id="result" disabled>
</div>
```
JavaScript代码:
```js
function calculate() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var operator = document.getElementById("operator").value;
var result = 0;
switch (operator) {
case "+":
result = num1 + num2;
break;
case "-":
result = num1 - num2;
break;
case "*":
result = num1 * num2;
break;
case "/":
if (num2 != 0) {
result = num1 / num2;
} else {
alert("除数不能为0");
}
break;
default:
alert("非法运算符");
break;
}
document.getElementById("result").value = result;
}
```
### 回答2:
当然可以为您写一个简单的计算器,使用JavaScript语言实现。
首先,您需要在HTML文件中创建一个计算器界面。可以使用HTML表格来构建计算器的按钮布局。每个按钮都是一个`<button>`元素,通过给每个按钮添加一个唯一的id,可以方便地在JavaScript代码中调用。
然后,您需要在JavaScript代码中编写逻辑来处理按钮点击事件和计算器的功能。以下是一个简单的例子:
```
// 获取计算器的按钮元素
var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");
// ...
// 用于存储计算器的结果
var result = 0;
// 处理按钮点击事件
button1.onclick = function() {
// 获取输入的数字
var number1 = parseFloat(document.getElementById("input1").value);
// 进行计算
result = number1 + number2;
}
button2.onclick = function() {
// 获取输入的数字
var number1 = parseFloat(document.getElementById("input1").value);
// 进行计算
result = number1 - number2;
}
// ...
// 更新显示结果的文本框
function updateResult() {
document.getElementById("result").value = result;
}
```
这只是一个简单的示例,您可以根据实际需求扩展功能和操作符。希望这能帮到您!
### 回答3:
当然可以帮您写一个使用JavaScript语言的计算器。以下是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript计算器</title>
<style>
input {
margin: 5px;
}
</style>
<script>
function calculate() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var operator = document.getElementById("operator").value;
var result;
if (operator == "addition") {
result = num1 + num2;
} else if (operator == "subtraction") {
result = num1 - num2;
} else if (operator == "multiplication") {
result = num1 * num2;
} else if (operator == "division") {
result = num1 / num2;
}
document.getElementById("result").innerHTML = "结果: " + result;
}
</script>
</head>
<body>
<h1>JavaScript计算器</h1>
<input type="number" id="num1" placeholder="请输入第一个数">
<input type="number" id="num2" placeholder="请输入第二个数">
<br>
<select id="operator">
<option value="addition">加法 (+)</option>
<option value="subtraction">减法 (-)</option>
<option value="multiplication">乘法 (*)</option>
<option value="division">除法 (/)</option>
</select>
<br>
<button onclick="calculate()">计算</button>
<br>
<p id="result"></p>
</body>
</html>
```
这个计算器有两个输入框用于输入数字,一个下拉菜单用于选择运算符,一个计算按钮和一个显示结果的段落。根据用户选择的运算符,计算器会执行相应的计算并在结果段落中显示结果。
请将此代码保存为一个HTML文件,并在浏览器中打开以查看和测试这个计算器。希望这能帮到您!
阅读全文