用javascript制作二位数的网页计算器

script部分

		function add(clickNum){
            document.getElementById("screen").value += clickNum.value;
        }/*向屏幕增加数据*/

        function getResult(){
            var str = document.getElementById("screen").value;
            var ope,num1,num2;
            if((ope = str.indexOf("+"))!=-1){
                num1 = parseFloat(str.substring(0,ope));
                num2 = parseFloat(str.substring(ope+1));
                document.getElementById("screen").value = num1 + num2;
            }else if((ope = str.indexOf("-"))!=-1){
                num1 = parseFloat(str.substring(0,ope));
                num2 = parseFloat(str.substring(ope+1));
                document.getElementById("screen").value = num1 - num2;
            }else if((ope = str.indexOf("*"))!=-1){
                num1 = parseFloat(str.substring(0,ope));
                num2 = parseFloat(str.substring(ope+1));
                document.getElementById("screen").value = num1 * num2;
            }else if((ope = str.indexOf("/"))!=-1){
                num1 = parseFloat(str.substring(0,ope));
                num2 = parseFloat(str.substring(ope+1));
                document.getElementById("screen").value = num1 / num2;
            }
        }/*根据符号进行判断计算*/
        function clears(){
            document.getElementById("screen").value = "";
        }/*清除函数*/

全部代码

效果

除了JS计算器，在此送大家2020最新企业级 Vue3.0/Js/ES6/TS/React/node等实战视频教程，点击此处免费获取，小白勿进哦