JavaScript 四则运算_javascript四则运算代码-优快云博客

本文链接：https://blog.youkuaiyun.com/joys_wkx/article/details/102903963

本文介绍了如何使用JavaScript进行四则运算，通过在页面创建文本框并利用switch语句判断加减乘除的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

四则运算

首先在页面写出显示文本框

<input type="number" id="one" placeholder="请输入数字"/>
		<select id="set">
			<option value="+">+</option>
			<option value="-">-</option>
			<option value="*">*</option>
			<option value="/">/</option>
		</select>
		<input type="number" id="two" placeholder="请输入数字"/>
		=
		<input type="number" id="result" />
		<br /><br />
	    <input type="submit" id="sub" value="计算" onclick="jishuan()" />

然后，在再运用JavaScript来运算

function jishuan(){
	    		var a=document.getElementById('one').value
	    		var b=document.getElementById('two').value
	    		switch (set.value){
	    			case '+':
	    			  document.getElementById('result').value=parseFloat(a)+parseFloat(b)
	    				break;
	    				case '-':
	    			  document.getElementById('result').value=parseFloat(a)-parseFloat(b)
	    				break;
	    				case '*':
	    			  document.getElementById('result').value=parseFloat(a)*parseFloat(b)
	    				break;
	    				case '/':
	    				if(b=='0'){
	    					alert('除数不能为零,请重新输入.....')
	    					return;
	    				}else{
	    					document.getElementById('result').value=parseFloat(a)/parseFloat(b)
	    				}
	    				break;
	    			default:
	    			   alert('查询莫名错误')
	    				break;
	    		}
	    		function key1(){
	    					var mykey1=document.getElementById('sub').value
	    					if(mykey1.keyCode==13){
	    						jishuan()
	    					}else{
	    						alert('计算错误')
	    					}
	    				}
	    	}

利用switch语句来判断＋、-、* 、/ 的运算原则