<!--
Author:jom_ch
E-mail:phpoop#Gmail.com
blog:blogch.cn
Date:2007-5-4
功能有待完善,仅供参考
//-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>blogch.cn自娱自乐简单js计算器</TITLE>
<style type="text/css">
div ul li{list-style-type:none;}
#div1{width:200px;height:30px;border:1px solid black;text-align:center;padding-top:3px;background-color:#CCCCCC;border-bottom:0px;}
#div2{width:200px;height:160px;border:1px solid black;border-top:0px;background-color:#CCCCCC;}
#div2 ul{margin:0px;width:198px;padding-top:5px;}
#div2 ul li{height:30px;text-align:center;padding:3px auto 3px;}
.buttons{width:32px;border:1px solid black;}
</style>
<script type="text/javascript">
var fResult = "0";
var tmpValue_1 = 0;
var tmpValue_2 = 0;
var flag = "";
function isValid(str){
var isInput=new RegExp("^[0-9/.]?$");
return isInput.test(str) ? true : false;
}
function isCalc(str){
var isCalcc = new RegExp("^[/+/-x///=]?$");
return isCalcc.test(str) ? true : false;
}
function $I(obj){return document.getElementById(obj);}
function init(){$I("resultText").value = "0";}
function clear(){$I("resultText").value = "";}
function runClick(obj){
if(obj=="bclear"){init();}
if(isValid($I(obj).value)){
if($I(obj).value != "." && $I("resultText").value=="0"){
clear();
$I("resultText").value += $I(obj).value;
}
else{
$I("resultText").value += $I(obj).value;
}
}
else if(isCalc($I(obj).value)){
if(tmpValue_1==0){
tmpValue_1 = $I("resultText").value;
}else{
tmpValue_2 = $I("resultText").value;
}
if($I(obj).value != "="){
flag = $I(obj).value;
clear();
}
if($I(obj).value=="="){
calc();
tmpValue_1 = 0;
tmpValue_2 = 0;
}
}
}
function calc(){
switch (flag){
case "+":
$I("resultText").value = parseFloat(tmpValue_1) + parseFloat(tmpValue_2);
break;
case "-":
$I("resultText").value = parseFloat(tmpValue_1) - parseFloat(tmpValue_2);
break;
case "x":
$I("resultText").value = parseFloat(tmpValue_1) * parseFloat(tmpValue_2);
break;
case "/":
$I("resultText").value = parseFloat(tmpValue_1) / parseFloat(tmpValue_2);
break;
}
}
</script>
</HEAD>
<BODY onload="init()">
<div id="div1"><input type="text" size=20 id="resultText"></div>
<div id="div2">
<ul>
<li>
<input type="button" value="1" id="b1" onclick="runClick('b1')" class="buttons">
<input type="button" value="2" id="b2" onclick="runClick('b2')" class="buttons">
<input type="button" value="3" id="b3" onclick="runClick('b3')" class="buttons">
<input type="button" value="+" id="bAdd" onclick="runClick('bAdd')" class="buttons">
</li>
<li>
<input type="button" value="4" id="b4" onclick="runClick('b4')" class="buttons">
<input type="button" value="5" id="b5" onclick="runClick('b5')" class="buttons">
<input type="button" value="6" id="b6" onclick="runClick('b6')" class="buttons">
<input type="button" value="-" id="bDec" onclick="runClick('bDec')" class="buttons">
</li>
<li>
<input type="button" value="7" id="b7" onclick="runClick('b7')" class="buttons">
<input type="button" value="8" id="b8" onclick="runClick('b8')" class="buttons">
<input type="button" value="9" id="b9" onclick="runClick('b9')" class="buttons">
<input type="button" value="x" id="bMulti" onclick="runClick('bMulti')" class="buttons">
</li>
<li>
<input type="button" value="0" id="b0" onclick="runClick('b0')" class="buttons">
<input type="button" value="+/-" id="bAddOrDec" onclick="runClick('bAddOrDec')" class="buttons">
<input type="button" value="." id="bDot" onclick="runClick('bDot')" class="buttons">
<input type="button" value="/" id="bDevi" onclick="runClick('bDevi')" class="buttons">
</li>
<li>
<input type="button" value="M+" id="bMAdd" onclick="runClick('bMAdd')" class="buttons">
<input type="button" value="M-" id="bMDec" onclick="runClick('bMDec')" class="buttons">
<input type="button" value="C" id="bclear" onclick="runClick('bclear')" class="buttons">
<input type="button" value="=" id="bResult" onclick="runClick('bResult')" class="buttons">
</li>
</ul>
</div>
</BODY>
</HTML>
