简单javascript计算器

预览地址: 预览

<!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">

</li>
</ul>
</div>
</BODY>
</HTML>

简单javascript计算器相关推荐

JavaScript简单版计算器
JavaScript简单版计算器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...
【JavaScript练习】用户输入任意两个数字的任意算数运算（简单的计算器小功能）并弹出运算后的结果。
[JavaScript练习]用户输入任意两个数字的任意算数运算(简单的计算器小功能)并弹出运算后的结果. <!DOCTYPE html> <html lang="en&qu ...
python123程序设计题说句心里话_用c++写一个简单的计算器程序
// 050305.cpp : 定义控制台应用程序的入口点. // // 050304.cpp : 定义控制台应用程序的入口点. // //四则运算 #include "stdafx.h&q ...
【vue2.0进阶】案例：用Vuex实现一个简单的计算器
昨天我们学习了Veux的几个重要的核心概念.当然只讲概念还不够,必须要结合上案例才能理解得更深刻. 马上就开始我们今天的案例:用Vuex实现一个简单的网页计算器. 我们之前的章节说过,Vuex适合在较 ...
JS实现一个简单的计算器
使用JS完成一个简单的计算器功能.实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除.效果如上: 第一步: 创建构建运算函数count(). 第二步: 获取两个输入框中的值和获取选择 ...
实现 JavaScript 计算器的多种方案
方法一: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl ...
android实现计算器功能吗,利用Android实现一个简单的计算器功能
利用Android实现一个简单的计算器功能发布时间:2020-11-20 16:25:01 来源:亿速云阅读:90 作者:Leah 今天就跟大家聊聊有关利用Android实现一个简单的计算器功能, ...
计算器的程序代码java_java 简单的计算器程序实例代码
java 简单的计算器程序实现实例: import java.awt.*; import java.awt.event.*; import javax.swing.*; public class c ...
linux qt小型计算器,Qt实现一个简单的计算器
Qt实现一个简单的计算器作者:hackett 微信公众号:加班猿一.UI界面版运行效果:输入num1和num2选择+-*/点击计算即可 UI界面设计: 3个lineEdit(lineEditNu ...

简单javascript计算器

简单javascript计算器相关推荐

最新文章

热门文章