JavaScript编写简单计算器

最新推荐文章于 2022-06-03 14:44:34 发布

须佐能乎！

最新推荐文章于 2022-06-03 14:44:34 发布

阅读量474

点赞数

分类专栏： JavaScript HTML 文章标签： javascript html js简单计算器

本文链接：https://blog.csdn.net/qq_34416191/article/details/51700173

版权

JavaScript 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

HTML

13 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>简单计算器</title>
	</head>
	
	<body>
		
		<fieldset>
			<legend>计算器</legend>
			<form name="opeform">
				第一个数：<input type="text" name="n1"><br>
				运算符号：<select name="operator">
					<option value="append">+</option>
					<option value="subtract">-</option>
					<option value="multiply">*</option>
					<option value="divide">/</option>
				</select><br>
				第二个数：<input type="text" name="n2"><br>
				  等于号：<input type="button" value="=" name="equal" οnclick="operate()"><br>
				结    果：<input type="text" name="result" id="r1">
			</form>
		</fieldset>
		
		<script>
			//获取下拉列表的值
			function getSel(obj){
				var _select=obj,
				    i      =0,
				    size   =_select.length;
				    for(;i<size;i++){
				    	if(_select[i].checked){
				    		return _select[i].value;
				    	}
				    }
				
			}
			
			//计算器：当点击等于号时处理运算结果
			function operate(){
				var result,//结果
				    num1=document.opeform.n1.value,//获取第一个文本框的值
				    num2=document.opeform.n2.value,//获取第二个文本框的值 
				    _operator=document.opeform.operator.value;//获取运算符
				    
				if(!(isNaN(num1) && isNaN(num2))){//判断是否是数字
					num1=parseFloat(num1);//转为浮点型
					num2=parseFloat(num2);
					
					switch (_operator) {
					case "append":
						result=num1+num2;
						document.opeform.result.value=result;//把结果赋值给结果文本框
					break;
					
					case "subtract":
					    result=num1-num2;
					    document.opeform.result.value=result;
					break;
					
					case "multiply":
					    result=num1*num2;
					    document.opeform.result.value=result;
					break;
					
					default:
					    if(num2==0){
					    	alert("除数不能为零！");
					    }else {
					    	result=num1/num2;
						    document.opeform.result.value=result;
					    }
					break;
				}
				}else{
					alert("请输入数字！");	
			    }    
				
				
			}
		</script>
	</body>
</html>