JavaScript计算器

BUGliuzongyuan

于 2019-10-30 09:04:16 发布

阅读量708

点赞数 3

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

本文链接：https://blog.youkuaiyun.com/Year98Programmer/article/details/102811913

版权

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

计算器

<!DOCTYPE html>
<html lang="zn">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
	<input type="text" id="txt1">
	<select name="" id="slt">
		<option value="+">+</option>
		<option value="-">-</option>
		<option value="*">*</option>
		<option value="/">/</option>
	</select>
	<input type="text" id="txt2">
	<button onclick="show()">=</button>
	<input type="text" id="jieguo">
	<script>
		var jg;
		var oT=document.getElementById('txt1');
		var oS=document.getElementById('txt2');
		var slt=document.getElementById('slt');
		var jG=document.getElementById('jieguo');

function show(){
			switch(slt.value){
				case '+':
					jg=(parseFloat(oT.value)+parseFloat(oS.value));
					break;
				case '-':
					jg=(parseFloat(oT.value)-parseFloat(oS.value));
					break;
				case '*':
					jg=(parseFloat(oT.value)*parseFloat(oS.value));
					break;
				case '/':
					jg=(parseFloat(oT.value)/parseFloat(oS.value));
					break;
			}
			jG.value = jg;
		}
	</script>
</body>
</html>