2021-05-23

最新推荐文章于 2026-01-06 14:53:15 发布

原创最新推荐文章于 2026-01-06 14:53:15 发布 · 98 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#算法

Html 同时被 2 个专栏收录

3 篇文章

订阅专栏

JavaScript

2 篇文章

订阅专栏

如何用一个Switch方法做一个简单的计算器，今天他来了~，说明，这个对于除法以及字符串不顶用，如果需要除于0或者写字符串，那是需要写限制滴。限制num2的值，也不能用Switch方法咯！

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简易计算器</title>
		<style type="text/css">
			button{
				width:62px;
				height:20px;
			}
		</style>
		<script type="text/javascript">
			function $(id){
				return document.getElementById(id);
			}
			
			function calc(flag){
				var num1=Number($('num1').value);
				var num2=Number($('num2').value);
			
			
				switch(flag){
					case '+':
						$('result').value=num1+num2;
						break;
					case '-':
						$('result').value=num1-num2;
						break;
					case '*':
						$('result').value=num1*num2;
						break;
					case '/':
						$('result').value=num1/num2;
						break;
			}
		}
		</script>
		<h1>简易计算器</h1>
		<p>
			第一个数：<input type="text" id="num1"/>
		</p>
		<p>
			第二个数：<input type="text" id="num2"/>
		</p>
		<p>
			<button onclick="calc('+')">+</button>
			<button onclick="calc('-')">-</button>
			<button onclick="calc('*')">*</button>
			<button onclick="calc('/')">/</button>
		</p>
		<p>
			结果:<input  type="text" id="result" disabled />
		</p>
	</head>
	<body>
	</body>
</html>