简单的JavaScript计算器

最新推荐文章于 2025-08-15 09:01:53 发布

爱吃胡萝呗

最新推荐文章于 2025-08-15 09:01:53 发布

阅读量326

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/wfh_fighting/article/details/52992970

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的网页版计算器实现方案，通过HTML和JavaScript构建用户界面并完成基本的数学运算。使用eval函数来解析并计算用户输入的表达式。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算器</title>
    <script>
        function calc() {
            try{
                /*eval内置函数，可在程序的执行过程中动态生成JavaScript代码
                * 可以根据时间或用户的输入等不同情况使程序本身发生变化
                * eval（code）这句话执行的效果，就如同code这一段代码单写出来的效果一样*/
                document.getElementById("txt_formula").value=eval(document.getElementById("txt_formula").value);
            }catch (e){
                document.getElementById("txt_formula").value="错误的算式";
            }
        }
    </script>
</head>
<body>
<label>输入要计算的算式：</label>
<input id="txt_formula" type="text"  value="">
<input id="btn_OK" type="button" value="计算" onclick="calc();">
</body>
</html>