JS入门后做的第一个简易加减乘除计算器

最新推荐文章于 2022-07-18 22:56:35 发布

脑子不太灵的鸭头

最新推荐文章于 2022-07-18 22:56:35 发布

阅读量349

点赞数

分类专栏： js 文章标签： js javascript

本文链接：https://blog.csdn.net/qq_15571919/article/details/109325277

版权

js 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

JS入门后做的第一个简易加减乘除计算器

代码如下：

计算器 +=

	<!-- jia -->
	<div id="n4" style="width: 240px;height: 60px;border:5px solid aqua;text-align: center;"></div>
	<button onclick="sum_total()">提交</button><br /><br /><br />
	<!-- jian -->
	<input type="text" id="sub1"/>-<input type="text" id="sub2" >=<input type="text" id="sub3" ><br />
	<div id="sub4" style="width: 240px;height: 60px;border:5px solid aqua;text-align: center;"></div>
	<button onclick="sub_total()">提交</button><br /><br /><br />
	<!-- cheng -->
	<input type="text" id="mul1"/>*<input type="text" id="mul2" >=<input type="text" id="mul3" ><br />
	<div id="mul4" style="width: 240px;height: 60px;border:5px solid aqua;text-align: center;"></div>
	<button onclick="mul_total()">提交</button><br /><br /><br />
	<!-- chu -->
	<input type="text" id="chu1"/>/<input type="text" id="chu2" >=<input type="text" id="chu3" ><br />
	<div id="chu4" style="width: 240px;height: 60px;border:5px solid aqua;text-align: center;"></div>
	<button onclick="chu_total()">提交</button><br /><br /><br />
	<script type="text/javascript">
		// jia
	function sum_total(){
			var sum_n1=Number(document.getElementById("n1").value)
			var sum_n2=Number(document.getElementById("n2").value)
			var sum_n3=sum_n1+sum_n2
			
			// var sum_n3=sum_n1-sum_n2
			// var sum_n3=sum_n1*sum_n2
			// var sum_n3=sum_n1/sum_n2
			document.getElementById("n3").vale=sum_n3
			document.getElementById("n4").innerHTML=sum_n3}
			// 减
	function sub_total(){
					var sub1=Number(document.getElementById("sub1").value)
					var sub2=Number(document.getElementById("sub2").value)
					var sub3=sub1-sub2
											
					document.getElementById("sub3").vale=sub3
					document.getElementById("sub4").innerHTML=sub3}
					// cheng
	function mul_total(){
					var mul1=Number(document.getElementById("mul1").value)
					var mul2=Number(document.getElementById("mul2").value)
					var mul3=mul1*mul2
											
					document.getElementById("mul3").vale=mul3
					document.getElementById("mul4").innerHTML=mul3}				
					// chu
	function chu_total(){
					var chu1=Number(document.getElementById("chu1").value)
					var chu2=Number(document.getElementById("chu2").value)
					var chu3=chu1/chu2
											
					document.getElementById("chu3").vale=chu3
					document.getElementById("chu4").innerHTML=chu3}						
	</script>
	
</body>

**大家一起加油，
**