js——实现计算器和 eval（）

最新推荐文章于 2025-09-25 19:18:35 发布

原创

最新推荐文章于 2025-09-25 19:18:35 发布 · 2.9k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了如何利用JavaScript来创建一个计算器，并详细讲解了eval()函数的使用，包括其定义、作用以及语法。eval()函数能够将字符串作为JavaScript代码执行，无论是表达式还是语句，为动态计算提供了可能。

计算器
这里写图片描述
js部分

        window.onload = function () {
   
   
            //运算
            var btn = document.getElementById('panel').getElementsByTagName('td');
            var content = document.getElementById('content');
            for (var i = 0; i < btn.length; i++) {
   
   
                var lastInd = 0;
                btn[i].index = i;
                //赋值
                btn[i].onclick = function () {
   
   
                    //判断两个符号删除前一个
                    if ((this.index === 4 || this.index === 6 || this.index === 8 || this.index === 10) && (lastInd === 4 || lastInd === 6 || lastInd === 8 || lastInd === 10)) {
   
   
                        content.value = content.value.substring(0, content.value.length - 1);
                    }
                    content.value += btn[this.index].innerText;
                    lastInd = this.index;
                };
                //出结果