您的位置:

js计算器代码手机版下载(JS简易计算器)

js计算器代码手机版下载(JS简易计算器)

更新:

本文目录一览:

用js代码做一个简易计算器

function test(){

     var txt1 = document.getElementById("txt1"),

         txt2 = document.getElementById("txt2"),

         txt3 = document.getElementById("txt3"),

         opt  = document.getElementById("sel");

     txt3.value =  eval(txt1.value + opt.value + txt2.value);//eval函数可计算某个字符串,并执行其中的的js代码

}

input type="text" id="txt1" /

select id="sel"

     option value="+"+/option

     option value="-"-/option

     option value="*"*/option

     option value="/"//option

/select

input type="text" id="txt2" /

=

input type="text" id="txt3" /

input type="button" id="btn" value="计算" onclick="test()"/

网页版计算器代码

html

head

titleJS版计算器/title

link rel="stylesheet" type="text/css" href=""

meta http-equiv="content-type" content="text/html;charset=utf-8"

!--js代码可以放置在任意位置,按照先后顺序依次执行 一般放在head标签之间--

script type="text/javascript"

    /* 定义一个Calculator类*/

    function Calculator(){

        this.jisuan=function(num1,num2,oper){

            var res=0;

            switch(oper){

                case "+":

                    res=num1+num2;

                    break;

                case "-":

                    res=num1-num2;

                    break;

                case "*":

                    res=num1*num2;

                    break;

                case "/":

                    res=num1/num2;

                    break;

            }

            return res;

        }

    }

    //创建对象

    var calculator=new Calculator();

    /*定义全局变量*/

    var val=0; //放置输入的值

    var xval=0;//保存转换Number类型的值

    var temp=0; //保存第一次输入的值    

    var oper="";//保存输入的操作符

    /*获取输入数字*/

    function inputEvent(e){

        val=e.value

        var xsval=document.getElementById("inp1");        

        xsval.value+=val; //连续输入数字(String类型)

        //转换Number类型

        xval=parseFloat(xsval.value);

    }

    /*获取第一行的数据*/

    function inputPCB(e){

        //window.alert(e.value);

        var xsval=document.getElementById("inp1");

        if(e.value=="Clear"){

            xsval.value="";

        }else if(e.value=="Back"){

            /*这个功能还没有实现,有兴趣的朋友可以自己做一做*/

        }else if(e.value=="POWER"){

            //计算平方

            xsval.value=Math.pow(xsval.value,2);            

        }

    }

    /*输入操作符*/

    function inputOper(e){

        oper=e.value;

        //window.alert(typeof oper);

        //oper=oper.substr(0);

        if (e.value=="+"){

            var xsval=document.getElementById("inp1");

            //保存上次计算结果,并对字符串进行转换Number类型

            temp=parseFloat(xsval.value);

            //第一次输入的值设置为空

            xsval.value="";                        

        }else if(e.value=="-"){

            var xsval=document.getElementById("inp1");

            temp=parseFloat(xsval.value);

            xsval.value="";

        }else if(e.value=="*"){

            var xsval=document.getElementById("inp1");

            temp=parseFloat(xsval.value);

            xsval.value="";

        }else if(e.value=="/"){

            var xsval=document.getElementById("inp1");

            temp=parseFloat(xsval.value);

            xsval.value="";

        }

    }

    /*计算结果*/

    function inputEquel(e){

        var xsval=document.getElementById("inp1");        

        if(e.value=="="){

            //window.alert(xval);

            //调用对象方法

            xsval.value=calculator.jisuan(temp,xval,oper);

        }

    }

/script

!--css 样式--

style

    input{

        width:60px;

    }

    #inp1{

        width:280px;

        text-align:right;

    }

/style

/head

body

    table border="1"

        !--显示结果行--

        trtd colspan="4"input id="inp1" type="text" value="" name="xianshi"//td/tr

        !--第一行--

        trtdinput type="button" value="POWER" onclick="inputPCB(this)"//tdtdinput type="button" value="Clear" onclick="inputPCB(this)"//tdtdinput type="button" value="Back"onclick="inputPCB(this)"//tdtd/td/tr

        !--第二行--

        trtdinput type="button" value="1" onclick="inputEvent(this)"//tdtdinput type="button" value="2" onclick="inputEvent(this)"//tdtdinput type="button"value="3" onclick="inputEvent(this)"//tdtdinput type="button" value="4" onclick="inputEvent(this)"//td/tr

        !--第三行--

        trtdinput type="button" value="5" onclick="inputEvent(this)"//tdtdinput type="button" value="6" onclick="inputEvent(this)"//tdtdinput type="button"value="7" onclick="inputEvent(this)"//tdtdinput type="button" value="8" onclick="inputEvent(this)"//td/tr    

        !--第四行--

        trtdinput type="button" value="9" onclick="inputEvent(this)"//tdtdinput type="button" value="0" onclick="inputEvent(this)"//tdtdinput type="button"value="." onclick="inputEvent(this)"//tdtdinput type="button" value="=" onclick="inputEquel(this)"//td/tr

        !--第五行--

        trtdinput type="button" value="+" onclick="inputOper(this)"//tdtdinput type="button" value="-" onclick="inputOper(this)"//tdtdinput type="button"value="*" onclick="inputOper(this)"//tdtdinput type="button" value="/" onclick="inputOper(this)"//td/tr    

    /table

/body

/html

简易的加减乘除的计算器代码js

//html

input type="text" id="num1" value="" /

    select id="mySelect"

        option value="+"+/option

        option value="-"-/option

        option value="*"*/option

        option value="/"//option

    /select

    input type="text" id="num2" value="" /

    input type="button" id="jisuan" value="计算" /

//js

script

    var oTxt1 = document.getElementById('num1');

    var oTxt2 = document.getElementById('num2');

    var oSelect = document.getElementById('mySelect');

    var oBtn = document.getElementById('jisuan');

    oBtn.onclick=function(){

        switch(oSelect.value){

            case '+':

                alert(parseInt(oTxt1.value)+parseInt(oTxt2.value));

                break;

            case '-':

                alert(parseInt(oTxt1.value)-parseInt(oTxt2.value));

                break;

            case '*':

                alert(parseInt(oTxt1.value)*parseInt(oTxt2.value));

                break;

            case '/':

                if(parseInt(oTxt2.value) !== 0){

                    alert(parseInt(oTxt1.value)/parseInt(oTxt2.value));

                }else{

                    alert('除数不能为0');

                }

                

                break;

            default:

                alert('Bug!!!');

        }

    }

/script

js计算器代码手机版下载(JS简易计算器)

本文目录一览: 1、用js代码做一个简易计算器 2、网页版计算器代码 3、简易的加减乘除的计算器代码js 用js代码做一个简易计算器 function test(){ var txt1 = docum

2023-12-08
网页计算器简易js代码,网页计算器简易js代码

本文目录一览: 1、简易的加减乘除的计算器代码js 2、如何用js做一个简易计算器 3、用js代码做一个简易计算器 简易的加减乘除的计算器代码js //htmlinput type="text" id

2023-12-08
高级计算器js代码,高级计算器js代码大全

本文目录一览: 1、如何使用javascript编写一个计算器 2、计算器使用JS代码如下,请高手做个连等功能? 3、计算器怎么用JS写 4、用JS脚本实现网页计算器!!求代码!求高手!!!! 5、用

2023-12-08
实用计算器js代码怎么写呢,js简单计算器的实现

2022-11-23
计算js安装cpu,js编写简易计算器编程

本文目录一览: 1、怎样用JS获取客户端的硬件,系统等信息(适 2、面对JS用软件刷出来的CPU和显卡参数 3、js 获取当前网速 及 cpu占用率 怎样用JS获取客户端的硬件,系统等信息(适 Jav

2023-12-08
js金额计算代码(js计算价格合计)

本文目录一览: 1、js表单计算金额问题 2、javascript自动计算金额(计算结果只显示小数点后的两位) 3、javascript自动计算金额(急) 4、JS代码自动计算代码小数保留两位位四舍五

2023-12-08
计算js文件代码量(js 大数计算)

本文目录一览: 1、如何写出规范的JavaScript代码 2、百度广告管家JS代码问题 3、求代码!js自动计算 4、完美解决js校验文件大小 5、求指导web项目开发,前端js代码的整理。多个Js

2023-12-08
用js实现网页计算器,JS计算器

本文目录一览: 1、JS实现计算器 2、如何用JS创建一个简单的网页计算器 3、如何用js做一个简易计算器? 4、利用JS算术运算符实现一个简单的页面计算器功能。效果见下图: 5、如何使用JS完成一个

2023-12-08
js设计一个网页计算器,用js做简单网页计算器

本文目录一览: 1、如何用js做一个简易计算器 2、如何使用javascript编写一个计算器 3、如何用JS创建一个简单的网页计算器 4、用js代码做一个简易计算器 如何用js做一个简易计算器 js

2023-12-08
js计算梯形代码,js计算阶乘的代码

2022-11-23
js网页在线计算器运算,js 计算

本文目录一览: 1、用JS脚本实现网页计算器!!求代码!求高手!!!! 2、用JavaScript做个网页版的计算器? 3、如何用JS创建一个简单的网页计算器 4、怎么在网页上制作一个简易计算器 5、

2023-12-08
csjs制作计算器(js编写计算器)

本文目录一览: 1、如何使用javascript编写一个计算器 2、如何用js做一个简易计算器? 3、如何用css js制作计算器? 如何使用javascript编写一个计算器 首先,由于JS的存在数

2023-12-08
计数器的js代码,网站计数器代码

2022-11-24
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
jsp程序开发学习笔记2,jsp程序设计题库

本文目录一览: 1、《JSP&Servlet学习笔记》pdf下载在线阅读,求百度网盘云资源 2、林信良编著jsp&servlet学习笔记第2版课后答案吗 3、jsp有没有快速掌握的办法呀? 4、要学J

2023-12-08
js写的计算总额代码,js写的计算总额代码是什么

2022-11-22
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
手机端随机点名抽奖js代码,js随机点名器

2022-11-24
js计时器代码2020年新款(js 计时)

本文目录一览: 1、Js倒计时代码精确到毫秒。 2、js计时器中setTimeout和setInterval的区别和使用 3、用JS实现钟表计时器功能 4、JS 5秒倒计时的代码怎么写?时间要实时显示

2023-12-08
js购物结算代码(java购物结算代码)

本文目录一览: 1、JS代码 做一个简易的购物车 效果图如下 2、请教JavaScript中 怎么让购物车的总计价格变化? 3、用javascript怎样计算购物车价格 4、帮我改一个JS代码谢谢,购

2023-12-08