JavaScript计算器

最新推荐文章于 2025-11-30 22:19:10 发布

转载最新推荐文章于 2025-11-30 22:19:10 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/webshow/archive/2011/07/19/2110511.html

文章标签：

#javascript #前端 #ViewUI

本文介绍了一个使用JavaScript实现的简易计算器，用户可以直接输入数学公式并点击计算按钮得到结果，这是一个学习JavaScript运算的好例子。代码中包含了HTML界面和JavaScript逻辑，通过eval()函数解析并计算输入的公式。

JavaScript计算器

JavaScript计算器，可以直接输入公式，然后按“计算”按钮，即可算出结果，学习JS运算的一个例子。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>JavaScript计算器</title>
<script>
function calc(){
try{
        document.getElementById("txt_formula").value = eval(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>