js简易版计算器

最新推荐文章于 2023-09-18 09:54:05 发布

原创最新推荐文章于 2023-09-18 09:54:05 发布 · 791 阅读

1 ·

CC 4.0 BY-SA版权

简单专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的简易计算器页面。该计算器具备基本的算术运算功能，包括加、减、乘、除。用户可以输入两个操作数，选择运算符，然后点击等号按钮得到计算结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="text" id="op1">
	<select  id="sel">
		<option value="+">+</option>
		<option value="-">-</option>
		<option value="*">*</option>
		<option value="/">/</option>
	</select>
	<input type="text" id="op2">
	<button id="btn">=</button>
	<input type="text" id="op3">
	<script type="text/javascript">
		var a = document.getElementById('op1');
		var b = document.getElementById('op2');
		var c = document.getElementById('op3');
		var tt = document.getElementById('btn');
		var slt = document.getElementById('sel');

		tt.onclick=function(){
			var t1=parseFloat(a.value);
			var t2=parseFloat(b.value);
			var h;
			switch(sel.value){
				case '+':
				h=t1+t2;
				break;
				case '-':
				h=t1-t2;
				break;
				case '*':
				h=t1*t2;
				break;
				case '/':
				h=t1/t2;
				break;
				default:
				h=t1+t2;
				break;
			}
			c.value=h;
		}

	</script>
</body>
</html>