2021-05-23

最新推荐文章于 2024-08-18 18:02:49 发布

代码哥哥

最新推荐文章于 2024-08-18 18:02:49 发布

阅读量54

点赞数

分类专栏： JavaScript Html 文章标签：算法

本文链接：https://blog.csdn.net/flyface/article/details/117194734

版权

Html 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

JavaScript

2 篇文章 0 订阅

订阅专栏

如何用一个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>

代码哥哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-05-23

如何用一个Switch方法做一个简单的计算器，今天他来了~，说明，这个对于除法以及字符串不顶用，如果需要除于0或者写字符串，那是需要写限制滴。限制num2的值，也不能用Switch方法咯！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简易计算器</title> <style type="text/css"> button{
复制链接

扫一扫

专栏目录