码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-06-30 22:49:47      阅读:314      评论:0      收藏:0      [点我收藏+]

标签:blog   java   color   使用   javascript   html   

 [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代码库]-简易计算器(第二种)

标签:blog   java   color   使用   javascript   html   

原文地址:http://www.cnblogs.com/zhaolijing/p/3816199.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!