Javascript使用Eval实现基本运算

最新推荐文章于 2022-08-19 13:36:32 发布
最新推荐文章于 2022-08-19 13:36:32 发布
阅读量838 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WAITFORYOU_/article/details/106562470
版权

效果图：
在这里插入图片描述

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	 
	<body>
		<input id="num" type="text" />
		<button onclick="eval1()">运算</button>
		
		<label id="res"></label>
		<script>
			function eval1 () {
				var num = document.getElementById("num").value; 
				var res1 = eval(num);
				//alert(res1)
				document.getElementById("res").innerText=res1;
				
			}
		</script>
	</body>
</html>
冷傲幽神
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript 自定义eval函数实现
04-04
NULL 博文链接：https://javasam.iteye.com/blog/1461999
js函数eval()
最新发布
温暖前端的博客
07-23 1110
eval() 是 JavaScript 中的一个全局函数，它可以将传入的字符串当作 JavaScript 代码来执行。其中，string 是要执行的 JavaScript 代码字符串。eval() 函数会返回最后一个表达式的结果。
java实现js中eval功能
11-06
使用java来实现js中eval的功能，包括字符串的计算，判断真假等功能
javascript 中的内置函数（eval）（计算字符串表达式的值，执行其中的代码）
KLW75
02-13 1089
eval 函数的功能是计算字符串表达式的值，执行其中的代码。执行其中的javascript代码。 eval（string） 其中 string 需要计算的字符串，其中是包含表达式或者要执行的代码的。 举例：eval（“x=5；y=5；document.write(x+y)”） 输出结果为10 ...
js简单的计算器（使用eval）
风若寒
10-22 3082
window.onload = function () { var result = document.getElementById("txtResult"); //获取值得ID var denghao = document.getElementById("txtDenghao"); //获取等号的ID var qing
Javascript实现基本运算器
10-19
在JavaScript中实现一个基本的运算器，主要是通过HTML构建用户界面，然后利用JavaScript来处理用户的输入和计算逻辑。以下是一个详细的实现步骤： 1. **HTML结构**：首先，我们需要创建一个表格布局，模拟计算器的...
calculator:使用 javascript 构建基本计算器
06-01
在 JavaScript 中，我们可以使用 `Math.pow()` 函数来处理指数运算，而 `eval()` 函数可以解析并执行一个字符串形式的 JavaScript 表达式，但这种方法存在安全风险，因为 `eval()` 可以执行任何代码。在构建计算器时...
javascript中解析四则运算表达式的算法和示例
12-12
在编写代码时我们有时候会碰到需要自己解析四则运算表达式的情况，本文简单的介绍使用JavaScript实现对简单四则运算表达式的解析。 一、熟悉概念 中缀表示法（或中缀记法）是一个通用的算术或逻辑公式表示方法， ...
计算器运算逻辑实现（带括号，求余，乘方，加减乘除），不使用eval函数-前端JavaScript 源码实现-括号匹配与初等运算
10-25
本文将深入探讨如何使用JavaScript来实现这样的计算器逻辑，不依赖于`eval`函数，同时会涉及到HTML和CSS的界面设计。 首先，我们要理解JavaScript中的基本运算符。加法（+）、减法（-）、乘法（*）和除法（/）是...
javascript 四则运算精度修正函数代码
10-29
在编写JavaScript代码进行数值计算时，经常会遇到四则运算中精度问题的困扰。这个问题尤其在涉及到浮点数运算时更为明显。浮点数在计算机中是以二进制形式存储的，由于某些小数无法精确用二进制表示，导致了运算结果...
CalcEval科学计算
01-08
CalcEval引擎是一个专门解决javascript浮点数误差的的引擎，能够完美的解决各种复合的运算，最终输出正确的结果。
JavaScript——eval全局作用域的两种实现方式
Searchin_R的博客
10-04 1445
先认识一下eval(): eval() 函数执行表示为字符串形式的JavaScript代码。 语法 eval(string)   参数 string 一个字符串表示了一个JavaScript运算式，语句， 或者是一系列语句。运算式可以包括变量和已存在对象的属性。 返回值 执行指定的代码之后的完整值。如果完整值为空，返回undefined eval在JavaScript中有两种...
【JavaScript】javascript的eval函数实现的一个简单计算器
不积跬步无以成千里
01-12 2061
初学H5，不知道做什么来练手，就做些小工具吧今天知道一个函数eval()，感觉是神器，不过官方说这个已经很少用到了用它来做个计算器还是可以的吧~几个点：1、画圆圈，border-radius:100%;2、点击时改变CSS效果，.btnItem:active{}3、内容换行，word-wrap:break-word;4、字符串删除，inputtext.substring( 0 , inputtex
JavaScript中 逗号运算符以及eval
王亮的专栏
04-21 1035
JavaScript中逗号运算符, 运算符使它两边的表达式以从左到右的顺序被执行，并获得右边表达式的值。
含有运算符的STRING得到计算结果，类似JS的EVAL
rickjelly2004的天空
09-26 1785
例如：STR=“8*9 —23 + 45/5”不知道在哪看见一个人写过一个算法的，然后求得结果，不过我又看到一个人用Dim xmlD As System.Xml.XmlDocument        Dim xmlP As System.Xml.XPath.XPathNavigator类似前台写的EVAL就能得到结果。后台方法计算，非常好，写一了一个，参考：Private Function Cal
关于JS中的eval及json介绍
xiaoweids的博客
08-19 281
第10行呢，由于code2是一个json对象，不是一个字符串，因此eval在这里没有起作用，原样返回，所以跟第8行输出一样。ajax的返回值有些是json格式的字符串，所以要用eval("("+返回的json格式字符串+")")来转换，这样写一般是没有问题的，但现在有很多是用jquery中的ajax方法来做的，jquery的强大也让很多人在用时容易忽略一些问题，比较常见的就是contentType跟dataType，contentType与本文没什么关系，这里只说说dataType参数。
JavaScript eval() 函数
Developer of XingKong22star
07-27 2322
eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
JavaScript实现计算器运算网页
05-30
可以使用HTML、CSS和JavaScript来创建一个计算器运算网页。以下是一个简单的实现： HTML代码： ``` <div class="calculator"> <input type="text" id="input" disabled> <div class="buttons"> <button onclick="clearInput()">C</button> <button onclick="backspace()">←</button> <button onclick="insert('+')">+</button> <button onclick="insert('-')">-</button> <button onclick="insert('*')">*</button> <button onclick="insert('/')">/</button> <button onclick="calculate()">=</button> <button onclick="insert('7')">7</button> <button onclick="insert('8')">8</button> <button onclick="insert('9')">9</button> <button onclick="insert('4')">4</button> <button onclick="insert('5')">5</button> <button onclick="insert('6')">6</button> <button onclick="insert('1')">1</button> <button onclick="insert('2')">2</button> <button onclick="insert('3')">3</button> <button onclick="insert('0')">0</button> <button onclick="insert('.')">.</button> </div> </div> ``` CSS代码： ``` .calculator { width: 200px; margin: 0 auto; } .buttons { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5px; } button { background-color: #4CAF50; color: white; border: none; border-radius: 5px; padding: 10px; font-size: 20px; cursor: pointer; } button:hover { background-color: #3e8e41; } ``` JavaScript代码： ``` var input = document.getElementById('input'); function insert(value) { input.value += value; } function backspace() { input.value = input.value.slice(0, -1); } function clearInput() { input.value = ''; } function calculate() { try { input.value = eval(input.value); } catch (e) { if (e instanceof SyntaxError) { input.value = 'Error'; } } } ``` 这个计算器运算网页支持加、减、乘、除、小数点和清空操作，并且使用了eval()函数来进行计算。需要注意的是，eval()函数可能存在安全隐患，不建议在生产环境中使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值