• 一个用js做的简易计算器


    在做这个计算器时我想模仿的是华为手机的计算器界面,但是因为找不到华为计算器颜色所对应的代码,做出来还是不够美观,使用if else语句进行输入语句的判断,然后进行相应语句的操作。并且有些地方做的还不够好,需要改进。例如我这个计算器需要按等号之后才能出结果,最好改成华为计算器那样自动出结果。还有不够智能,在计算出结果后,假如不按清除键清除掉屏幕上的数字,你再按下一个数字它不会自动清除上次计算结果,导致计算时不方便。

     下面附上js部分的代码

    window.onload=function(){
        var num=document.getElementsByClassName("but");
        var scr=document.getElementsByClassName("screen")[0];
        for(var i=0;i<num.length;i++){
            num[i].onclick=function(){
                if(this.value=="C"){
                    scr.value="";
                }
                else if(scr.value!=""&&this.value=="退格"){
                    scr.value=scr.value.substr(0,scr.value.length-1);
                }
                else if(this.value=="="){
                    scr.value=eval(scr.value);
                }
                else if(scr.value==""&&(this.value=="+"||this.value=="-"||this.value=="*"||this.value=="/")){
                    scr.value="";
                }
                else if(scr.value==""&&this.value=="."){
                    scr.value="0.";
                }
                else if(scr.value==""&&this.value=="退格"){
                    scr.value="";
                }
                else{
                    scr.value=scr.value+this.value;
                }
            }
        }
    }
  • 相关阅读:
    selenium python 启动Chrome
    安装selenium python
    网络编程32
    动态生成验证码———MVC版
    C#之发送邮件【模板】+【封装】ZJ版
    【转】解读ASP.NET 5 & MVC6系列(1):ASP.NET 5简介
    Cache,MemCache,Application,Cookie等其它缓存汇总
    点击弹出li所在的序列号
    【转】js实现复制到剪贴板功能,兼容所有浏览器
    前端效果——持续更新。。。
  • 原文地址:https://www.cnblogs.com/spare-ribs/p/12527931.html
Copyright © 2020-2023  润新知