5. 制作一个简易计算器,创建一个Counter构造函数实现加减乘除
时间: 2024-06-13 14:05:04 浏览: 144
简单计算器实现加减乘除
这里提供两种实现简易计算器的方法:
方法一:
```javascript
// 创建一个Caculator构造函数
function Caculator(num1, num2){
// 加法运算
this.add = function(){
return num1 + num2;
}
// 减法运算
this.sub = function(){
return num1 - num2;
}
// 乘法运算
this.mul = function(){
return num1 * num2;
}
// 除法运算
this.div = function(){
return num1 / num2;
}
}
// 使用构造函数方法实现简易计算器
var flag = true;
while(flag){
choice = parseInt(prompt('欢迎使用简易计算器:\n1.加法运算\n2.减法运算\n3.乘法运算\n4.除法运算\n5.退出\n请输入您的选项:'));
if (choice == 5){
break;
}
num1 = prompt('请输入第一个操作数:');
num2 = prompt('请输入第二个操作数:');
var cal = new Caculator(parseInt(num1),parseInt(num2));
switch(choice){
case 1:
alert(cal.add());
break;
case 2:
alert(cal.sub());
break;
case 3:
alert(cal.mul());
break;
case 4:
alert(cal.div());
break;
case 5:
flag = false;
break;
}
}
```
方法二:
```html
<!-- HTML代码 -->
<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="cal()">计算</button>
<input type="text" id="resultid">
<!-- JavaScript代码 -->
<script>
function cal() {
var obj1 = document.getElementById('num1');
var obj2 = document.getElementById('num2');
var operator = document.getElementById('operator').value;
switch (operator) {
case '+':
var result = parseInt(obj1.value) + parseInt(obj2.value);
break;
case '-':
var result = parseInt(obj1.value) - parseInt(obj2.value);
break;
case '*':
var result = parseInt(obj1.value) * parseInt(obj2.value);
break;
case '/':
var result = parseInt(obj1.value) / parseInt(obj2.value);
break;
}
var resultobj = document.getElementById('resultid');
resultobj.value = result;
}
</script>
```
阅读全文