基于原生JS的简易计算器

以下代码仅可进行加减乘除运算

 

 

 

js代码：

<script type="text/javascript">
            var result =new Array; //用于存储拆解后的字符串以及运算结果
            var cache;  //暂时存储部分运算结果
            function calculation(){
                //将多位数（字符串单个字符）转化为整体  "5""6" ==> "56"
                for(var i = 1; i < result.length; i++){
                    if(result[i] != "+" && result[i] != "-" && result[i] != "*" && result[i] != "/"){
                        if(result[i-1] != "+" && result[i-1] != "-" && result[i-1] != "*" && result[i-1] != "/"){
                            cache = result[i-1] + result[i];  //合并多位数 "5""6" ==> "56"
                            result[i-1] = cache;  //将整理过的数放入数组中
                            result.splice(i,1);  //整理已经整合过的数
                            calculation();  //再次调用自身以便检查是否有遗漏
                        }
                    }
                }
                //乘法运算
                for(var i = 0;i < result.length;i++){
                    if(result[i] === "*"){
                        cache = result[i-1] * result[i+1];
                        result[i-1] = cache;
                        result.splice(i,2);  //删掉数组中已经运算过的数与运算符号
                        calculation();
                    }
                }
                //除法运算
                for(var i = 0;i < result.length;i++){
                    if(result[i] === "/"){
                        cache = result[i-1] / result[i+1];
                        result[i-1] = cache;
                        result.splice(i,2);
                        calculation();
                    }
                }
                //加法运算
                for(var i = 0; i < result.length;i++){
                    if(result[i] === "+"){
                        cache = result[i-1] *1 + result[i+1] *1;  //乘 1 是为了在加减法中将字符型转为数值型运算，否则将会是级联
                        result[i-1] = cache;
                        result.splice(i,2);
                        calculation();
                    }
                }
                //减法运算
                for(var i = 0; i < result.length;i++){
                    if(result[i] === "-"){
                        cache = result[i-1] * 1 - result[i+1] * 1;
                        result[i-1] = cache;
                        result.splice(i,2);
                        calculation();
                    }
                }
                
            }
            function evaluation(){
                //获取输入框中的字符串（要运算的数据）
                var inputValue = document.getElementById("input_1").value;
                //将输入框中的值（字符串）拆解并存入数组中
                for(var i = 0;i < inputValue.length;i++){
                    result.push(inputValue.charAt(i));
                }
                calculation(); //调用运算方法
                result[0] = result[0].toFixed(3); //保留3位小数
                document.getElementById("box_1").innerHTML = inputValue + "=" + result[0];
                result = [];  //归零
            }
            
        </script>

html代码：

<h3>在输入框中输入要运算的数据，如：1+12*1/2-3</h3>
        <input type="text" id="input_1" value="" />
        <button type="button" onclick="evaluation()">求值</button>
        <div class="box" id="box_1"></div>