JavaScript 简单实现加减乘除运算

最新推荐文章于 2024-04-20 13:50:15 发布

ye_nianfeng

最新推荐文章于 2024-04-20 13:50:15 发布

阅读量3.6w

点赞数 21

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

本文链接：https://blog.csdn.net/ye_nianfeng/article/details/70767268

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JavaScript 简单实现加减乘除运算

新手学习，不足之处，多多指正。

要求输入两个数字，点击按钮在文本框中返回值。

上代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
		<title>加减乘除运算</title>
	</head>
	<body>
		<h1 align="center">加减乘除运算</h1>
	
			<div id="" align="center">
				
			
			
			数值A：<input type="number" id="a" /> </br>
		数值B：<input type="number" id="b" /> </br>
		结果：<input type ="number" id="c"> </br>
			<input type="button" value="加" οnclick="jia()">	
			<input type="button" value="减" οnclick="jian()" >	
			<input type="button" value="乘" οnclick="cheng()">	
			<input type="button" value="除" οnclick="chu()">
				</div>
	
		
	</body>
	
	<script type="text/javascript">
		
		function jia(){//加法
			
			var a=document.getElementById('a').value;
			var b=document.getElementById('b').value;
			var c=document.getElementById('c');
			 c.value=Number(a)+Number(b);
					
							
		}
			
		function jian(){//减法
			
			var a=document.getElementById('a').value;
			var b=document.getElementById('b').value;
			var c=document.getElementById('c');
			 c.value=Number(a)-Number(b);
					
							
		}
			
		function cheng(){//乘法
			
			var a=document.getElementById('a').value;
			var b=document.getElementById('b').value;
			var c=document.getElementById('c');
			 c.value=Number(a)*Number(b);
					
							
		}
			
		function chu(){//除法
			
			var a=document.getElementById('a').value;
			var b=document.getElementById('b').value;
			var c=document.getElementById('c');
			 c.value=Number(a)/Number(b);
					
							
		}
		
		
	</script>
</html>

结果：

ye_nianfeng

关注

21
点赞
踩
67

收藏

觉得还不错? 一键收藏
4
评论
JavaScript 简单实现加减乘除运算

JavaScript 简单实现加减乘除运算新手学习，不足之处，多多指正。要求输入两个数字，点击按钮在文本框中返回值。上代码：加减乘除运算加减乘除运算数值A：数值B：结果： function
复制链接

扫一扫