HTML+JS/jQuery设计并实现一个能够进行加减乘除的计算器代码
时间: 2023-04-03 15:05:11 浏览: 127
好的,我可以回答这个问题。以下是一个简单的 HTML、JS/jQuery 计算器代码:
HTML 代码:
```
<div>
<input type="text" id="input1">
<input type="text" id="input2">
</div>
<div>
<button id="add">+</button>
<button id="subtract">-</button>
<button id="multiply">*</button>
<button id="divide">/</button>
</div>
<div>
<input type="text" id="result">
</div>
```
JS/jQuery 代码:
```
$(document).ready(function() {
$('#add').click(function() {
var num1 = parseFloat($('#input1').val());
var num2 = parseFloat($('#input2').val());
var result = num1 + num2;
$('#result').val(result);
});
$('#subtract').click(function() {
var num1 = parseFloat($('#input1').val());
var num2 = parseFloat($('#input2').val());
var result = num1 - num2;
$('#result').val(result);
});
$('#multiply').click(function() {
var num1 = parseFloat($('#input1').val());
var num2 = parseFloat($('#input2').val());
var result = num1 * num2;
$('#result').val(result);
});
$('#divide').click(function() {
var num1 = parseFloat($('#input1').val());
var num2 = parseFloat($('#input2').val());
var result = num1 / num2;
$('#result').val(result);
});
});
```
这个计算器可以让用户输入两个数字,然后通过点击加、减、乘、除按钮来进行相应的计算,并将结果显示在一个文本框中。
相关推荐
![](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)
![](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)