JS实现简易计算器

最新推荐文章于 2024-08-03 18:28:24 发布

Jiang酱~

最新推荐文章于 2024-08-03 18:28:24 发布

阅读量2.4k

点赞数

分类专栏：作业

本文链接：https://blog.csdn.net/weixin_40758850/article/details/88934625

版权

这篇博客介绍了如何使用Bootstrap构建一个简单的计算器界面，并重点讲述了JavaScript中的eval()函数，该函数能够对输入的字符串进行计算。示例展示了如何利用eval()进行加法运算。

摘要由CSDN通过智能技术生成

我是用bootstrap做的一个简易界面：

我觉得这里面最有价值讲的就是 eval() —— 它可以直接对内部的内容进行简单运算哦！
eval（“2+3”）——返回5

那我就直接上代码啦：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS简易计算器</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
</head>
<style>
    body {
        background-color: #fcf7c5;
    }

    table {
        width: 350px !important;
        margin: 50px auto;
        background-color: #fff;
    }

    th {
        height: 50px !important;
    }
</style>
<body>