计算器

yin_chenglong

于 2018-04-15 18:42:41 发布

阅读量247

点赞数

本文链接：https://blog.csdn.net/yin_chenglong/article/details/79951745

版权

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>runcode</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function fun(t){
var fa = parseInt(document.getElementById('fa').value);
var fb = parseInt(document.getElementById('fb').value);
var fc = document.getElementById('fc');
if(isNaN(fa) || isNaN(fb)){
alert("不可为空或输入错误");
return;
}
switch(t){
case 1:
fc.value = fa + fb;
break;
case 2:
fc.value = fa - fb;
break;
case 3:
fc.value = fa * fb;
break;
case 4:
fc.value = fa / fb;
break;
}
}
</script>
</head>
<body>
<input type="text" id="fa" value=""/>
<input type="button" value="+" οnclick="fun(1);" />
<input type="button" value="-" οnclick="fun(2);" />
<input type="button" value="x" οnclick="fun(3);" />
<input type="button" value="/" οnclick="fun(4);" />
<input type="text" id="fb" value=""/>
=
<input type="text" id="fc" value=""/>

</body>

</html>

//第二种

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<script type="text/javascript">

	function changeDeal(ele){
	//得到运算符
	//var deal = document.getElementById("s1").value;
	//得到两个数字
	var num1=document.getElementById('text1').value;
	var num2=document.getElementById('text2').value;
	var num3;
	switch(ele){
	case "+":
	num3=Number(num1)+Number(num2);
	break;
	case "-":
	num3=Number(num1)-Number(num2);
	break;
	case "*":
	num3=Number(num1)*Number(num2);
	break;
	case "/":
	num3=Number(num1)/Number(num2);
	break;
	default :

	break;
	}
	//赋值
	document.getElementById("text3").value=num3;
	}

	</script>
	</head>
	<body>
	请输入第一个数：<input type="text" id="text1">
	<select id="s1" onchange="changeDeal(this.value);">
	<option value="">--请选择--</option>
	<option value="+">+</option>
	<option value="-">-</option>
	<option value=""></option>
	<option value="/">/</option>
	</select>
	请输入第二个数：<input type="text" id="text2">  =

	<input type="text" id="text3"><br>

	</body>
	</html>

	<SCRIPT Language=VBScript><!--

	//--></SCRIPT>