蓝桥杯（Web大学组）2022国赛真题：用什么来做计算 A

一只幸运的羊^

已于 2024-02-14 22:36:51 修改

阅读量953

点赞数 9

CC 4.0 BY-SA版权

文章标签：前端 javascript 蓝桥杯

于 2024-02-14 22:31:34 首次发布

本文链接：https://blog.csdn.net/ORANGE_3iING/article/details/136116605

本文介绍了如何在网页上实现一个简单的计算器，包括输入框的值重置、开方运算以及基本的计算功能，使用了Math.sqrt()函数和字符串替换操作，通过事件委托处理按钮点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

判分标准
实现重置（AC）功能，得 1 分。
实现计算式子和结果显示功能，得 3 分。
实现计算功能，得 6 分。

应该按要求来就行吧，，一开始还在想是否要考虑小数点个数的问题还有式子是否有效……

笔记：

判断元素的id直接用.id
用eval('string')实现将字符串的式子进行计算
使用了Math.sqrt()
用replaceAll对字符串中字符进行替换

循环遍历也可以用事件委托

代码：

// TODO：请补充代码


let formula = document.querySelector('#formula');
let result = document.querySelector('#result');
let btn = document.querySelectorAll('.calc-button');
btn.forEach((item,index)=>{
    item.addEventListener('click',()=>{
        //通过判断id显示

        //清空
        if(item.id==='reset'){     //重置       
            formula.value='';
            result.value = '';
        }
        else if(item.id === 'sqrt'){//'开方'
            // BUG: eval(formula.value)是在Math.sqrt里面！
            result.value = Math.sqrt(eval(formula.value))
        }