js--实现简易连加连乘计算器

最新推荐文章于 2022-08-03 14:19:42 发布

等待戈多的莱昂纳多

最新推荐文章于 2022-08-03 14:19:42 发布

阅读量2.1k

点赞数 1

分类专栏：前端基础。文章标签： js

本文链接：https://blog.csdn.net/weixin_44892520/article/details/98230846

版权

首先，说一下大概思路。
1.搭建计算器页面，自行操作，不多说了。
2.开始为按钮绑定事件。获取到按钮，for循环。获取button的值，输到屏幕上。+=字符串拼接。0不能作为第一位。(if)符号不能输入到屏幕（if isNaN）判断是否是非数字。（if）判断小数点除外，并且，小数点只能在屏幕输入一次。
3.index of 方法寻找当前字符串的符号。找到符号，返回当前索引位置，没找到则返回-1
用来判断屏幕是否存在小数点。
4.按下±*/清屏，用数组存变量，首先声明空数组，var res=[ ] ;
5.数组中的join(" ")方法，就是用空符号将数组进行拼接。
6.js中有一个计算表达式值的方法eval()；计算表达式的值，自带优先级运算。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        table {
            border-collapse: collapse;
            border: 1px solid black;
            width: 280px;
            margin: auto;
        }

        td {
            border: 1px solid black;
            width: 70px;
            height: 70px;
        }

        td > button {
            width: 100%;
            height: 100%;
            font-size: 20px;
        }

        td > input[type=text] {
            width: 98.5%;
            height: 100%;
            outline: none;
            text-align: right;
            font-size: 30px;
        }
    </style>
</head>
<body>
&l