js代码做计算器

最新推荐文章于 2024-09-23 23:17:03 发布

qw1ko~

最新推荐文章于 2024-09-23 23:17:03 发布

阅读量2.1k

点赞数 3

本文链接：https://blog.csdn.net/Anansoul/article/details/86017420

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>计算器</title>
	<script type="text/javascript">
		window.onload = function(){
			var Input01 = document.getElementById('input01');
			var Input02 = document.getElementById('input02');
			var Select = document.getElementById('select');
			var Btn = document.getElementById('btn');
			Btn.onclick = function(){
				var val01 = Input01.value;
				var val02 = Input02.value;
				//不做此判断会弹出“NaN”
				if(val01=="" || val02==""){
					alert('输入框不能为空！');
					return;
				}
				if(isNaN(val01) || isNaN(val02)){
					alert('请输入数字！');
					return;
				}
				switch(Select.value){
					case '0':
						alert((parseFloat(val01)*100 + parseFloat(val02)*100)/100);
						break;
					case '1':
						alert((parseFloat(val01)*100 - parseFloat(val02)*100)/100);
						break;
					case '2':
						alert((parseFloat(val01)*100) * (parseFloat(val02)*100)/10000);
						break;
					case '3':
						alert((parseFloat(val01)*100) / (parseFloat(val02)*100));
						break;
				}
			}
		}
	</script>
</head>
<body>
	<h1>计算器</h1>
	<input type="text" name="" id="input01" />
	<select id="select">
		<option value="0">+</option>
		<option value="1">-</option>
		<option value="2">*</option>
		<option value="3">/</option>
	</select>
	<input type="text" name="" id="input02" />
	<input type="button" name="" value="计算" id="btn" />
</body>
</html>