zoukankan      html  css  js  c++  java
  • 一个用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;
                }
            }
        }
    }
  • 相关阅读:
    NFC技术:让Android自动打开网页
    NFC技术:让Android自动运行程序
    NFC技术:概述
    路由器端口映射实现外网访问本地服务器
    Java之MySql数据库链接
    最短路径之Dijkstra算法及实例分析
    各种排序算法的时间性能比较
    C#实现基于ffmpeg加虹软的人脸识别
    虹软SDK在nodejs中的集成
    Android 虹软2.0人脸识别,注册失败问题 分析synchronized的作用
  • 原文地址:https://www.cnblogs.com/spare-ribs/p/12527931.html
Copyright © 2011-2022 走看看