JavaScript 简单实现加减乘除运算

冷不防 2022-06-17 12:15 301阅读 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>

结果：![Center][]

[Center]: /images/20220617/91ecbffd9bf24db3a980c8e29809ad40.png