首页 >

javascript实现简单计算器效果【推荐】【javascript】

web前端|js教程javascript实现简单计算器效果【推荐】【javascript】
javascript,计算器
web前端-js教程
最终效果如下图-2,有bug:就是整数后点击%号结果正确,如果小数后面点击%的话结果就错误!其他都正常,求指点:input的value是string类型的,在JS中改如何正确处理下图-1中的if部分??
怎么查看手机游戏源码,ubuntu开启文件权限,没有到主机的路由tomcat,判断lv有货爬虫,低代码平台开源框架php,seo 起诉 骚扰lzw
图-1
web实验室预约系统源码,Ubuntu添加usb网卡,tomcat7解压后安装,爬虫权威指南.pdf,php框架搭建教程学习交流,黑白seo博客lzw
图-2
网页设计框架源码,ubuntu开机后重置,粉色爬虫怎么处理,金边php,海南营销seolzw
HTML代码如下

CSS代码如下:

    /*Basic reset*/*{  margin:0;  padding:0;  box-sizing: border-box;  font: 14px Arial,sans-serif;}html{  height:100%;  background-color:lightslategrey;}#calculator{  margin: 15px auto;  width:330px;  height:400px;  border: 1px solid lightgray;  background-color:darkgrey;  padding:15px;}/*LOGO*/.LOGO{  height:20px;}.LOGO .name{  float:left;  line-height:30px;}.LOGO .verson{  float:right;  line-height:30px;}/*screen*/#shuRu{  margin-top:15px;}.screen{  margin-top:5px;  width:300px;  height:40px;  text-align: right;  padding-right:10px;  font-size:20px;}#keys{  border:1px solid lightgray;  height:223px;  margin-top:25px;  padding:8px;}#keys .last{  margin-right:0px;}.footer{  margin-top:20px;  height:20px;}.footer .link{  float:right;}#keys .buttons{  float:left;  width: 42px;  height: 36px;  text-align:center;  background-color:lightgray;  margin: 0 17px 20px 0;}  
javascript代码如下:

     var num = 0; // 定义第一个输入的数据     function jsq(num) {       //获取当前输入       if(num=="%"){         document.getElementById('screenName').value=Math.round(document.getElementById('screenName').value)/100;       }else{         document.getElementById('screenName').value += document.getElementById(num).value;       }     }     function eva() {       //计算输入结果       document.getElementById("screenName").value = eval(document.getElementById("screenName").value);     }     function clearNum() {       //清0       document.getElementById("screenName").value = null;       document.getElementById("screenName").focus();     }     function tuiGe() {       //退格       var arr = document.getElementById("screenName");       arr.value = arr.value.substring(0, arr.value.length - 1);     }    


  • 暂无相关文章
  • Posted in 未分类