JavaScript仿计算器案例源代码

index.html

<!DOCTYPE html>
<htmlhead>
    title></>
  link rel="stylesheet" type="text/css" href="calc.css"script type="text/javascript" src="calc.js"script</body onload="init()">
     div id="div1">    
         ="div2">
             input ="text" name="num" id="num" />
         div>
         ="div3"="button" value="c"=""=""/>
             ="←"="+/-"="/"="1"="n1"="2"="3"="*"/>    
             ="4"="5"="6"="-"="7"="8"="9"="+"="0"="."="="="m"="imooc"body>

calc.css

*{
    margin:0px;
    padding:0px;
}
div{
    width: 170px;
}
#div1{
    top:60px;
    left: 100px;
    position: absolute;
}
input[type="button"]{ 30px;
    margin-right: 5px;

}
input[type="text"]{ 152px;
    text-align: right;
    background-color: #fff;
    border: 1px solid;
    padding-right: 5px;
    Box-sizing: border-Box;
}

input[type="button"]:hover{ yellow; 1px solid;
}

calc.js

function init(){
    var num=document.getElementById("num");
    num.value=0;
    num.disabled="disabled";

    var oButton=document.getElementsByTagName("input");
    var btn_num1;
     fh;
    for(var i=0;i<oButton.length;i++){
        oButton[i].onclick=(){
            if(isNumber(this.value)){
                if(isNull(num.value)){
                    num.value=.value;
                }else{
                    num.value=num.value+.value;
                }
            }{
                var btn_num=.value;
                
                switch(btn_num){
                    case "+":
                        btn_num1=Number(num.value);
                        num.value=0;
                        fh="+";
                        break;
                    case "-";
                        fh="-"case "*";
                        fh="*"case "/";
                        fh="/"case ".":
                        num.value=dec_number(num.value);
                        case "←"back(num.value);
                        case "c":
                        num.value="0"case "+/-"sign(num.value);
                        case "=":
                        (fh){
                            :
                              num.value=btn_num1+Number(num.value);
                              ;
                            :
                               num.value=btn_num1-Number(num.value);
                               :
                               num.value=btn_num1*:
                               if(Number(num.value)==0){
                                       alert("除数不能是0");
                                     num.value=0;
                               }{
                                     num.value=btn_num1/Number(num.value);
                               }
                               
                               ;
                        }
                        ;
                }
            }
        }
    }
}
/*正负号*/
 sign(n){
   n=Number(n)*-1;
   return n;
}
退位键 back(n){
   n=n.substr(0,n.length-1);
   (isNull(n)){
         n="0";
   }
   小数点 dec_number(n){
   if(n.indexOf(".")==-1){
      n=n+"."验证文本框是否为空或者0 isNull(n){
   if(n=="0" || n.length==0){
       return true;
   }{
          false;
   }
}

 isNumber(n){
  return  !isNaN(n);
}

JavaScript仿计算器案例源代码

猜你在找的JavaScript相关文章