代码借鉴于讲师的课程代码编写 有待后期调整并学习

  1. function init(){
  2.     var num  = document.getElementById("num");
  3.     num.value=0;
  4.     num.disabled="disabled";
  6.     var anJian = document.getElementsByTagName("input");
  7.     var btn_num1;
  8.     var fh;//定义的符号
  9.     for(var i=0; i<anJian.length;i++){
  10.         anJian[i].onclick=function(){
  11.             if (isNumber(this.value)) {//判断通过按键传输的数值是否不是number类型
  12.             //alert('111')
  13.             //num.value=(num.value+this.value)*1
  14.             if (isNull(num.value)) {//判断输入框中的内容是否为空或者是0
  15.                 num.value=this.value;
  16.             } else{
  17.                 num.value=num.value+this.value;//满足条件的情况下输入框内容就可以相连显示
  18.             }
  19.         }else{
  20.             var btn_num =this.value;
  21.             // var btn_num1;
  22.             switch(btn_num){
  23.                 case"+":
  24.                 //alert("111");
  25.                 //parseInt取整  在小数点运算的时候不能显示小数点
  26.                 //所以这里用number来使用
  27.                 btn_num1=Number(num.value);
  28.                 num.value=0;
  29.                 fh="+";
  30.                 break;
  32.                 case"-":
  33.                 btn_num1=Number(num.value);
  34.                 num.value=0;
  35.                 fh="-";
  36.                 break;
  38.                 case"*":
  39.                 btn_num1=Number(num.value);
  40.                 num.value=0;
  41.                 fh="*";
  42.                 break;
  44.                 case"/":
  45.                 btn_num1=Number(num.value);
  46.                 num.value=0;
  47.                 fh="/";
  48.                 break;
  50.                 case"←":
  52.                 num.value = back(num.value);
  53.                 break;
  55.                 case".":
  56.                 num.value=dec_number(num.value);
  57.                 break;
  59.                 case"C":
  60.                 num.value=0;//清屏直接将value值直接设置围殴0即可
  61.                 break;
  63.                 case"+/-":
  64.                 num.value = sign(num.value);
  65.                 break;
  67.                 case"=":
  68.                 switch(fh){//设置＝符号设置与四则运算接收运算条件
  69.                     case"+":
  70.                     num.value=btn_num1+Number(num.value);
  71.                     console.log(btn_num1);
  72.                     break;
  73.                     case"-":
  74.                     num.value=btn_num1-Number(num.value);
  75.                     console.log(btn_num1);
  76.                     break;
  77.                     case"*":
  78.                     num.value=btn_num1*Number(num.value);
  79.                     console.log(btn_num1);
  80.                     break;
  81.                     case"/":
  82.                     if (Number(num.value)==0) {
  83.                         num.value==0;
  84.                     }else{
  85.                         num.value=btn_num1/Number(num.value);
  86.                     }
  87.                     break;
  88.                 }
  89.                 //alert("111");
  90.                 //num.value=btn_num1+parseInt(num.value);
  91.                 break;
  94.             }
  95.         }
  96.     }
  97. }
  98. }
  100. //验证文本书否为空或者0
  101. function isNull(n){
  102.     if (n=="0"||n.length==0) {
  103.         return true;
  104.     }else {
  105.         return false;
  106.     }
  107. }
  109. //小数点
  110. function dec_number(n){
  111.     if(n.indexOf(".")==-1){//查找字符串位置
  112.         n=n+".";
  113.     }
  114.     return n;
  115. }
  118. //退位建
  119. function back(n){
  120.     n=n.substr(0,n.length-1);
  121.     if(isNull(n)){
  122.         n=0;
  123.     }
  124.     return n;
  125. }
  127. //正负号
  128. // function sign(n){
  129. //     if (n.indexOf("-")==-1) {
  130. //         n='-'+n;
  131. //     }else{
  132. //         n=n.substr(1,n.length);
  133. //     }
  134. //     return n;
  135. // }
  137. //正负号简化写法
  138. function sign(n){
  139.     n=Number(n)*(-1);
  140.     return n;
  141. }
  144. // function num_1_click(){
  145. //     var num=document.getElementById("num");
  146. //     var n = num.value;
  147. //     n=n+"1";
  148. //     document.getElementById("num").value=n*1;
  149. // }
  151. // function num_2_click(){
  152. //     var num=document.getElementById("num");
  153. //     var n = num.value;
  154. //     n=n+"2";
  155. //     document.getElementById("num").value=n*1;
  156. // }
  158. // function num_3_click(){
  159. //     var num=document.getElementById("num");
  160. //     var n = num.value;
  161. //     n=n+"3";
  162. //     document.getElementById("num").value=n*1;
  163. // }
  165.     // var anjian = document.getElementsByTagName("input");
  166.     // for(var i=0; i<anjian.length;i++){
  167.     //     anjian[i].onclick=function(){
  168.     //         //alert('111')
  169.     //         num.value=(num.value+this.value)*1
  170.     //         if (isNull(num.value)) {
  171.     //             num.value=this.value;
  172.     //         }
  173.     //     }
  174.     // }
  177. //设置输入框只能位数字函数
  178.     function isNumber(n){
  179. //     isNaN() 不能转换为数字为true  可以转换为数字false
  180. //     if (isNaN(n)==false) {
  181. //         return true;
  182. //     } else {
  183. //         return false;
  184. //     }
  185. return !isNaN(n);
  186. }
  188. //无用D标签设置链接网页等相关链接
  189. function init_dodoke(){
  190.     document.getElementById("dodoke").onclick=function(){
  191.         //window.location.herf="http://www.baidu.com";
  192.         window.open("http://www.baidu.com","_self");
  193.         //window.open在一个网站上打开另一个网站的效果默认—_blank
  194.         //_self在网站中打开新的网站
  195.     }
  196. }