蓝桥杯模拟题--制作计算器--js

用什么来做计算 A

介绍

古以算盘作为计算工具。算盘常为木制矩框，内嵌珠子数串，定位拨珠，可做加减乘除等运算。站在前人的肩膀上，后人研究出计算器，便利了大家的生活，我们不用带着笨重的计算工具出门，打开手机上的计算器就可以了。

目标

请完善 js/index.js 文件，当鼠标点击计算器上的按钮时，能够正常进行计算。

完成后的效果见文件夹下面的 gif 图，图片名称为 effect.gif（提示：可以通过 VS Code 或者浏览器预览 gif 图片）。

具体说明如下：

• 点击按钮会在计算式子区域显示当前输入的计算式子，当点击等号（=） 后，在结果显示区域应该显示出正确的结果。
• 计算器需要具有加（+）、减（-）、乘（x）、除（÷）、开二次方（√）、重置（AC）、小数点（.）、括号运算这八个功能。
• 计算器的计算遵循四则混合运算的法则，括号的优先级最高，其次是乘除，加减的优先级最低。

效果说明如下：

• 能够正确进行加、减、乘、除的混合运算，样例如下所示：

  

 代码

// TODO：请补充代码
var btn = document.querySelectorAll(".calc-button");
var text = document.getElementById('formula');
var result = document.getElementById('result');


btn.forEach((item) =>{
    item.onclick = function(){
        switch(this.innerText){
            case "=":
                result.value = eval(text.value.replace('x','*').replace('÷','/'));
                return;
            case "√":
                result.value = eval(text.value.replace('x','*').replace('÷','/'));
                result.value = Math.sqrt(result.value);
                return;
                
            case "AC":
                text.value = "";
                result.value ="";
                return;
            default:
                text.value += this.innerText;

                return;
        }
    };
});

 思路：

用foreach来遍历每一个btn，每个按钮，

btn.οnclick=function 的意思是给按钮(btn)添加一个点击事件，当按钮被点击时，执行后面的函数

用switch多分支选择结构

    switch(表达式){ 
        case 常量表达式1:  语句1;
        case 常量表达式2:  语句2;
        …… 
        case 常量表达式n:  语句n;
        default:  语句n+1;
    }

eval（）把文本框里面的值当JavaScript计算
string.replace('xx','yy') 替换字符串 返回一个新的字符串,用yy 代替xx

Math.sqrt(num)  对num开方