您的位置：首页 > 编程语言 > Java开发

[java代码库]-简易计算器（第二种）

2014-06-30 10:57 183 查看
[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>


　　
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航