js简单的计算器（使用eval）

最新推荐文章于 2024-04-05 06:47:12 发布
最新推荐文章于 2024-04-05 06:47:12 发布
阅读量3k 收藏 2
点赞数 3
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhao8912/article/details/40383433
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            var result = document.getElementById("txtResult"); //获取值得ID
            var denghao = document.getElementById("txtDenghao"); //获取等号的ID
            var qingchu = document.getElementById("txtClear");
            //给name是shuzi的加上onclick事件
            var btnshuziArr = document.getElementsByName("shuzi");
            for (var i = 0; i < btnshuziArr.length; i++) {
                btnshuziArr[i].onclick = function () {
                    result.value += this.value;//this代表你点击时的那个
                }
            }
            //结果
            denghao.onclick = function () {
                result.value = eval(result.value);
            }
            //清除
            qingchu.onclick = function () {
                result.value = "";
            }
        }
    </script>
</head>
<body>
    <table cellpadding="0" cellspacing="0">
        <tr>
            <td colspan="4">
                <input id="txtResult" name="result" type="text" value="" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input id="txtDenghao" name="denghao" type="button" value="=" />
            </td>
            <td colspan="2">
                <input id="txtClear" name="clear" value="清除" type="button" />
            </td>
        </tr>
        <tr>
            <td>
                <input name="shuzi" value="7" type="button" />
            </td>
            <td>
                <input name="shuzi" value="8" type="button" />
            </td>
            <td>
                <input name="shuzi" value="9" type="button" />
            </td>
            <td>
                <input name="shuzi" value="/" type="button" />
            </td>
        </tr>
        <tr>
            <td>
                <input name="shuzi" value="4" type="button" />
            </td>
            <td>
                <input name="shuzi" value="5" type="button" />
            </td>
            <td>
                <input name="shuzi" value="6" type="button" />
            </td>
            <td>
                <input name="shuzi" value="*" type="button" />
            </td>
        </tr>
        <tr>
            <td>
                <input name="shuzi" value="1" type="button" />
            </td>
            <td>
                <input name="shuzi" value="2" type="button" />
            </td>
            <td>
                <input name="shuzi" value="3" type="button" />
            </td>
            <td>
                <input name="shuzi" value="-" type="button" />
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input name="shuzi" value="0" type="button" />
            </td>
            <td colspan="2">
                <input name="shuzi" value="+" type="button" />
            </td>
        </tr>
    </table>
</body>
</html>

风若寒89
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript_利用eval函数求字符串数学表达式的值
宫廷渔夫
07-28 4370
eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。 很强大，比如
Javascript使用Eval实现基本运算
南 墙
06-03 1867
效果图： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input id="num" type="text" /> <button onclick="eval1()">运算</button> <label i
js中关于eval（）方法，写了一个计算器小例子
赫兹焦耳的博客
05-10 2885
    有的时候获取到的数值是 string 类型可以转换为number 但有时会得到string类型的表达式，然后发现了eval（）这个函数很方便啊===================================================引用定义和用法eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行。如果参数是一个表达式，eval() 函数将执行表达式。...
javascript eval() 实现简单的计算器
11-15
就一个简简单单的，用javascript做的，加上eval()函数搞的，主要就是对eval()的使用，界面可以自己再设计。
关于JS中的eval及json介绍
xiaoweids的博客
08-19 274
第10行呢，由于code2是一个json对象，不是一个字符串，因此eval在这里没有起作用，原样返回，所以跟第8行输出一样。ajax的返回值有些是json格式的字符串，所以要用eval("("+返回的json格式字符串+")")来转换，这样写一般是没有问题的，但现在有很多是用jquery中的ajax方法来做的，jquery的强大也让很多人在用时容易忽略一些问题，比较常见的就是contentType跟dataType，contentType与本文没什么关系，这里只说说dataType参数。
[JavaScript实例解析]js计算器(1)，CSS元素分类
最新发布
2401_84092456的博客
04-05 896
代码能力一定要注重，尤其是很多原理性的代码（之前两次让我写过Node中间件，Promise.all，双向绑定原理，被虐的怀疑人生）！/*这四个其实是一样的，这是为了兼容不同的浏览器，效果就是向上移动2px距离。大牛的博客之后写了解析，免费分享给大家，算是一个感恩回馈吧，有需要的朋友。尽量从面试官的问题中表现自己知识的深度与广度，让面试官发现你的闪光点！页面加载后，显示一个计算器的页面，可以进行正常的四则运算。需要配合js，点击时赋active，点击后抹掉。选中数字样式，就是点击数字的动态效果。
【JavaScript】javascript的eval函数实现的一个简单计算器
不积跬步无以成千里
01-12 2042
初学H5，不知道做什么来练手，就做些小工具吧今天知道一个函数eval()，感觉是神器，不过官方说这个已经很少用到了用它来做个计算器还是可以的吧~几个点：1、画圆圈，border-radius:100%;2、点击时改变CSS效果，.btnItem:active{}3、内容换行，word-wrap:break-word;4、字符串删除，inputtext.substring( 0 , inputtex
<%#Eval("")%> 作为JS 的参数
tonghua168c
10-22 953
'--%> ' />
js中的一些函数问题
一个无聊的前端写点无聊的东西
02-14 226
TEST1 function Foo(){ getName = function(){ alert(1); } return this; } var getName = function(){ alert(4); } Foo().getName(); //1 解析： 声明提前后再分析代码。 var getName; function Foo(){ get...
利用js实现input输入数据后自动进行计算，实时显示数据
热门推荐
光头强的博客
07-08 3万+
&lt;html&gt;     &lt;head&gt;     &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;          &lt;title&gt;无标题&lt;/title&gt;         &lt;script type="text/javasc
JS中的函数(二)：函数参数（你可能不知道的参数传递）
weixin_30383279的博客
08-12 718
前言： 函数分为有参有返回值，有参无返回值，无参无返回值，无参有返回值；那么对于无参数的函数你想使用函数的调用怎么办呢？如果你想封装一个代码，实现多种功能，但是形参大于实参或者实参大于形参又该如何？本文就发生函数调用过程中，值传递，参数的不对等处理原则等关于参数的一些相关操作进行阐述。 1.实参数大于形参数： function say(name,message){ ...
JS编写简单计算器 【执行计算语句 EVAL 】
mikemoon的专栏
05-07 961
计算器 function clickvalue(val){     //获取显示框  var result=document.getElementsByName("result")[0];  //判断如果点击按钮为等会的话进行计算  if(val=='=') {   result.value=result.value+'='+eval(result.value);  }
js原生计算器demo
kakashs
05-03 287
HTML： <section id="model"> <div class="result"></div> <div class="box"> <button class="button big">C</button> <button class="button">1</button&gt...
最简单 最快速 地在Andriod studio上实现一个简易计算器 【eval () 函数】 ！ ！ ！
黑桃
09-22 1169
首先，先来看看在eclipse中，怎么通过用 js 中的 eval（） 函数 实现字符串表达式的运算 ？ package test; import javax.script.ScriptEngine; import javax.script.ScriptEngineManager; import javax.script.ScriptException; public class T { static ScriptEngine j = new ScriptEngineManager().getEngi
js简易计算器
06-01
好的，以下是一个简易的 JavaScript 计算器的代码示例： ```html <!DOCTYPE html> 简易计算器 #calculator { display: inline-block; border: 1px solid black; padding: 10px; } input[type=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值