简单javascript计算器-CSDN博客

预览地址: 预览

<!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 οnlοad="init()">
<div id="div1"><input type="text" size=20 id="resultText"></div>
<div id="div2">
<ul>
<li>
<input type="button" value="1" id="b1" οnclick="runClick('b1')" class="buttons">
<input type="button" value="2" id="b2" οnclick="runClick('b2')" class="buttons">
<input type="button" value="3" id="b3" οnclick="runClick('b3')" class="buttons">
<input type="button" value="+" id="bAdd" οnclick="runClick('bAdd')" class="buttons">
</li>
<li>
<input type="button" value="4" id="b4" οnclick="runClick('b4')" class="buttons">
<input type="button" value="5" id="b5" οnclick="runClick('b5')" class="buttons">
<input type="button" value="6" id="b6" οnclick="runClick('b6')" class="buttons">
<input type="button" value="-" id="bDec" οnclick="runClick('bDec')" class="buttons">
</li>
<li>
<input type="button" value="7" id="b7" οnclick="runClick('b7')" class="buttons">
<input type="button" value="8" id="b8" οnclick="runClick('b8')" class="buttons">
<input type="button" value="9" id="b9" οnclick="runClick('b9')" class="buttons">
<input type="button" value="x" id="bMulti" οnclick="runClick('bMulti')" class="buttons">
</li>
<li>
<input type="button" value="0" id="b0" οnclick="runClick('b0')" class="buttons">
<input type="button" value="+/-" id="bAddOrDec" οnclick="runClick('bAddOrDec')" class="buttons">
<input type="button" value="." id="bDot" οnclick="runClick('bDot')" class="buttons">
<input type="button" value="/" id="bDevi" οnclick="runClick('bDevi')" class="buttons">
</li>
<li>
<input type="button" value="M+" id="bMAdd" οnclick="runClick('bMAdd')" class="buttons">
<input type="button" value="M-" id="bMDec" οnclick="runClick('bMDec')" class="buttons">
<input type="button" value="C" id="bclear" οnclick="runClick('bclear')" class="buttons">
<input type="button" value="=" id="bResult" οnclick="runClick('bResult')" class="buttons">