js如何写简易的计算器
时间: 2023-08-09 11:09:59 浏览: 87
js实现简易的计算器源码.zip
你可以按照以下步骤来写一个简易的计算器:
1. 在HTML文件中创建一个表单,包含两个输入框和四个按钮(加、减、乘、除)。
```html
<form>
<input type="number" id="num1">
<input type="number" id="num2">
<br>
<button onclick="add()">+</button>
<button onclick="subtract()">-</button>
<button onclick="multiply()">*</button>
<button onclick="divide()">/</button>
</form>
```
2. 在JavaScript文件中编写四个函数,分别处理加、减、乘、除四种运算。
```javascript
function add() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 + num2;
alert("结果是:" + result);
}
function subtract() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 - num2;
alert("结果是:" + result);
}
function multiply() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 * num2;
alert("结果是:" + result);
}
function divide() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 / num2;
alert("结果是:" + result);
}
```
3. 运行代码,在浏览器中打开HTML文件,输入两个数字并点击需要的按钮,就可以得到计算结果了。
这只是一个简单的示例,实际上还有很多需要考虑的情况,比如输入数字的有效性、除数为0等等,但这个例子可以帮助你入门。
阅读全文