简单的JavaScript计算器

最新推荐文章于 2023-01-08 18:44:56 发布

Arisono

最新推荐文章于 2023-01-08 18:44:56 发布

阅读量866

点赞数

CC 4.0 BY-SA版权

分类专栏：【前端知识】文章标签： js

本文链接：https://blog.youkuaiyun.com/qingfeng812/article/details/8891887

【前端知识】专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的简易计算器。用户可以在输入框中输入数学表达式，点击计算按钮后，利用JavaScript的eval函数来解析并计算结果。如果输入的表达式不正确，则会显示错误提示。

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

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>简单的JavaScript计算器</title>

<script>
function calc(){
    try{
alert("document.getElementById(txt_formula).value="+document.getElementById("txt_formula").value);
//eval 方法检查 JScript 代码并执行.
        document.getElementById("txt_formula").value = eval(document.getElementById("txt_formula").value);
alert("document.getElementById(txt_formula).value="+document.getElementById("txt_formula").value);
    }catch(e){
        document.getElementById("txt_formula").value = "错误的算式";
    }
}
</script>
</head>
<body style="overflow:auto;">
<label>输入要计算的算式：</label>
<input id="txt_formula">
<input type="button" value="计算" onclick="calc();">
</body>
</html>