[java代码库]-简易计算器(第二种)

 [java代码库]-简易计算器(第二种)

  第二种方案:在程序中不使用if/switch……case等语句,完成计算器功能。

<html>
	<head>
		<title>简易计算器</title>
		<script language="javascript">//易错:不是"text/javascript"
			function doCal(){
				var value1=parseInt(document.getElementById("value1").value);//易错:易错:getElementById首字母大写,不是byId				
				var flag=document.getElementById("flag").value;
				var value2=parseInt(document.getElementById("value2").value);//易错:getElementBy返回是String类型,应该通过parseInt转换为Int类型
				var s=0;				
				eval("var s="+value1+flag+value2);//eval把string类型转换为表达式进行计算
				//使运算结果显示在浏览器中,注意=右侧为string类型
				document.getElementById("span_result").innerHTML="<font size=‘16‘ color=‘red‘>"+s+"</font>"
			}								
		</script>
	</head>
	<body>
		<h1>简易计算器</h1>
		<hr>
		<input type="text" name="value1" id="value1">
		<select name="flag" id="flag"><!--注意select-option的用法-->
			<option value="+">+</option>
			<option value="-">-</option>
			<option value="*">*</option>
			<option value="/">/</option>
		</select>
		
		<input type="text" name="value2" id="value2">
		<input type="button" value="=" onclick="doCal()"><!--button的onclick事件-->
		<span id="span_result"></span><!--通过span显示结果-->
	</body>
</html>

  

[java代码库]-简易计算器(第二种),布布扣,bubuko.com

[java代码库]-简易计算器(第二种)

上一篇:C++虚函数与虚函数表


下一篇:Android根据输入法的状态隐藏和关闭输入法