标签: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
标签:blog java color 使用 javascript html
原文地址:http://www.cnblogs.com/zhaolijing/p/3816199.html