用JavaScript做一个牛逼哄哄的计算机

胡图图.Zzz

已于 2022-04-25 20:18:17 修改

阅读量1.7k

点赞数 4

分类专栏： JavaScript 文章标签： java eclipse javascript html jar

于 2022-04-25 20:08:17 首次发布

本文链接：https://blog.csdn.net/weixin_62356088/article/details/124413102

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

计算机之有参函数，代码是有效的可以直接复制去实现


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			//函数格式
			function js(o){
				//获取第一个数字
				var num1 = document.getElementById('n1').value;
				//把num1转换为数字:int float
				num1 = parseFloat(num1);
				//获取第二个数字
				var num2 = document.getElementById("n2").value;
				num2 = parseFloat(num2);
				//计算结果
				var jg=0;
				if(o=='+'){
					jg = num1+num2;
				}else if(o=='-'){
					jg = num1-num2;
				}else if(o=='*'){
					jg = num1*num2;
				}else if(o=='/'){
					jg = num1/num2;
				}
				//把结果赋值到第三个文本框
				document.getElementById("n3").value=jg;
			}
		</script>
	</head>
	<body>
		第一个数：<input id="n1" type="text" />
		<br>
		第二个数：<input id="n2" type="text" />
		<br>
		&nbsp;&nbsp;&nbsp;&nbsp;
		&nbsp;&nbsp;&nbsp;&nbsp;
		&nbsp;&nbsp;&nbsp;&nbsp;
		&nbsp;
		<button onclick="js('+')">+</button>
		&nbsp;&nbsp;&nbsp;&nbsp;
		<button onclick="js('-')">-</button>
		&nbsp;&nbsp;&nbsp;&nbsp;
		<button onclick="js('*')">*</button>
		&nbsp;&nbsp;&nbsp;&nbsp;
		<button onclick="js('/')">/</button>
		<br>
		计算结果：<input id="n3" type="text" />
		<br>
	</body>
</html>

胡图图.Zzz

关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
用JavaScript做一个牛逼哄哄的计算机

计算机之有参函数，代码是有效的可以直接复制去实现<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //函数格式 function js(o){ //获取第一个数字 var num1 = document.getElementB
复制链接

扫一扫