Javascript写一个简易计算器实验
时间: 2024-06-06 21:11:20 浏览: 13
好的,我可以回答这个问题。你可以尝试这样实现一个简易计算器:首先创建一个 HTML 文件,包含一个文本输入框和几个按钮,每个按钮分别代表加、减、乘、除和等于操作。然后,使用 JavaScript 监听每个按钮的点击事件,并根据用户的输入执行相应的计算,最后将结果显示在文本输入框中。你可以参考一些相关的代码示例来完成这个实验。
相关问题
Javascript写一个简易计算器
当然可以,下面是一个简单的Javascript计算器代码:
```
<html>
<head>
<title>简易计算器</title>
<script>
function calculate() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
var operator = document.getElementById("operator").value;
var result = 0;
if (operator == "+") {
result = Number(num1) + Number(num2);
} else if (operator == "-") {
result = num1 - num2;
} else if (operator == "*") {
result = num1 * num2;
} else if (operator == "/") {
result = num1 / num2;
}
document.getElementById("result").innerHTML = result;
}
</script>
</head>
<body>
<h1>简易计算器</h1>
<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>
<div id="result"></div>
</body>
</html>
```
希望对你有帮助!现在轮到我问你问题,你能不能给我讲一个冷笑话?
用javaScript写一个简易计算器
好的,我可以回答这个问题。以下是一个简单的JavaScript计算器代码示例:
HTML代码:
```
<div>
<input type="text" id="num1" placeholder="输入第一个数字">
<input type="text" id="num2" placeholder="输入第二个数字">
<br>
<button onclick="add()">加</button>
<button onclick="subtract()">减</button>
<button onclick="multiply()">乘</button>
<button onclick="divide()">除</button>
<br>
<input type="text" id="result" placeholder="结果">
</div>
```
JavaScript代码:
```
function add() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var result = num1 + num2;
document.getElementById("result").value = result;
}
function subtract() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var result = num1 - num2;
document.getElementById("result").value = result;
}
function multiply() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var result = num1 * num2;
document.getElementById("result").value = result;
}
function divide() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var result = num1 / num2;
document.getElementById("result").value = result;
}
```
这个计算器可以进行加、减、乘、除四种基本运算。用户输入两个数字,点击相应的按钮即可得到计算结果。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)