js简易版计算器

最新推荐文章于 2023-12-01 19:30:20 发布

你个小屁孩丫

最新推荐文章于 2023-12-01 19:30:20 发布

阅读量734

点赞数 1

分类专栏：简单

本文链接：https://blog.csdn.net/weixin_44440403/article/details/86349249

版权

简单专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!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>

你个小屁孩丫

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js简易版计算器

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;input type=
复制链接

扫一扫