网站建设资讯

NEWS

网站建设资讯

javascript如何编写简易计算器

这篇文章主要介绍javascript如何编写简易计算器,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:国际域名空间、虚拟空间、营销软件、网站建设、荔城网站维护、网站推广。

代码如下




 
 简易计算器
 
  *{
   margin:0;
   padding: 0;
  }
  .content{
   width: 300px;
   height: 400px;
   margin: 50px auto;
   background: #CBC6C6;
   border:1px solid #139EB7;
   box-shadow: -5px -5px 5px #565454;
   border-radius: 15px;
  }
  #toptext{
   width: 280px;
   height: 50px;
   margin: 10px auto;
   margin-left: 9px;
   line-height: 50px;
   border-radius: 15px;
   text-align: right;
   font-size: 24px;
   border: 1px #F0D711 solid;
  }
  .btns{
   width: 280px;
   height: 300px;
   margin: 10px auto;
  }
  .btns input{
   width: 50px;
   margin: 10px;
   height: 60px;
   float: left;
   font-size: 24px;
   line-height: 60px;
   border-radius: 10px;
   transform-origin: left top;
   background: linear-gradient(to right,#0df60d,red);
  }
  .btns input:hover{
   background: linear-gradient(to left,#0df60d,red);
   transform: rotate(15deg);
  }
 


 
  
  
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
  
 
    var text = document.getElementsByTagName('input')[0];   var clear = document.getElementById('clear');   var equals = document.getElementById('equals');   var js = document.getElementsByClassName('jisuan');   var num = document.getElementsByClassName('num');   text.value = 0;   var tex = "";   var fuhao = "";   var firstNum = "";   var secondNum = "";   for(var i=0 ; i

界面:

javascript如何编写简易计算器

以上是“javascript如何编写简易计算器”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


新闻标题:javascript如何编写简易计算器
转载注明:http://cdweb.net/article/ipehjj.html

其他资讯