js简单的计算器代码（js做计算器代码）

今天给各位分享js简单的计算器代码的知识，其中也会对js做计算器代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、简易计算器js代码
• 2、用js代码做一个简易计算器
• 3、简易的加减乘除的计算器代码js

简易计算器js代码

是点击0-9然后点击加减乘除吗？

原理：获取第一个值 获取 运算符 获取第二个值 直接用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()"/

简易的加减乘除的计算器代码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做计算器代码、js简单的计算器代码的信息别忘了在本站进行查找喔。