（18）-- 用JS写的计算器

最新推荐文章于 2022-08-18 16:37:09 发布

Fredreck1919

最新推荐文章于 2022-08-18 16:37:09 发布

阅读量333

点赞数

分类专栏： JavaScript 文章标签： JavaScript 计算器

本文链接：https://blog.csdn.net/Fredreck1919/article/details/79027124

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

#用JavaScript写的简易计算器

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>简易JS计算器</title>
</head>
<body>
	num1:<input type="text" name="num1" id="n1"><br>
	num2:<input type="text" name="num2" id="n2"><br>
	
	
	<button οnclick="func(1)">+</button>
	<button οnclick="func(2)">-</button>
	<button οnclick="func(3)">*</button>
	<button οnclick="func(4)">/</button>
	
	<span id="res"></span>

	<script>
		var n1=document.getElementById('n1');
		var n2=document.getElementById('n2');
		var Res=document.getElementById('res');

		function func(num)
		{
			var N1=Number(n1.value);
			var N2=Number(n2.value);

			switch(num)
			{
    			case 1:
        			var sum=N1+N2;
					var res=N1+'+'+N2+'='+sum;
					break;
    			case 2:
       				var sum=N1-N2;
					var res=N1+'-'+N2+'='+sum;
					break;
    			case 3:
        			var sum=N1*N2;
					var res=N1+'*'+N2+'='+sum;
					break;
    			case 4:
       				var sum=N1/N2;
					var res=N1+'/'+N2+'='+sum;
					break;
    			default:
        			
					break;
       
			}

		 	Res.innerHTML=res;

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

兄弟连学python

Python学习交流、资源共享群：563626388 QQ