使用JavaScript中的eval函数实现简单计算器

最新推荐文章于 2022-11-07 02:30:00 发布
最新推荐文章于 2022-11-07 02:30:00 发布
阅读量1.5k 收藏 3
点赞数 2
分类专栏： J2EE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45775524/article/details/109679729
版权

题目
简单的计算器——只能实现一步表达式

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单计算器</title>
<script type="text/javascript">
	var s = "";
	// 清零函数
	function QL() {
		document.calc.result.value = "";
		s = "";
	}
	//显示屏幕函数
	function fun(i) {
		var k = document.getElementsByName("num")[i].value;
		s = s + k;
		document.calc.result.value = s;
	}
	// 计算函数
	function calculate() {
		var re = eval(s);
		document.calc.result.value = re;
		s = "";
	}
</script>
</head>
<body>
	<form name="calc">
		<!-- //构造计算器布局表格 -->
		<table border=1 width=180>
			<!-- //计算器第一行输出 -->
			<tr>
				<td colspan=2 width="50%"><INPUT TYPE="text" name="result"
					style="width: 120px;"></td>
			</tr>
			<!-- //计算器第二行"123+" -->
			<tr align="center" valign="middle">
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(0)" value="1" style="width: 60px;" /></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(1)" value="2" style="width: 60px;" /></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(2)" value="3" style="width: 60px;" /></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(3)" value="+" style="width: 60px;" /></td>
			</tr>
			<!-- //计算器第三行"456-" -->
			<tr align="center" valign="middle">
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(4)" value="4" style="width: 60px;"></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(5)" value="5" style="width: 60px;"></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(6)" value="6" style="width: 60px;"></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(7)" value="-" style="width: 60px;"></td>
			</tr>
			<!-- //计算器第四行"789*" -->
			<tr align="center" valign="middle">
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(8)" value="7" style="width: 60px;"></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(9)" value="8" style="width: 60px;"></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(10)" value="9" style="width: 60px;"></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(11)" value="*" style="width: 60px;"></td>
			</tr>
			<!-- //计算器第五行".0=/" -->
			<tr align="center" valign="middle">
				<td width="25%"><INPUT type="button" name="rezero" id="zero"
					onclick="QL()" value="C" style="width: 60px;"></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(12)" value="0" style="width: 60px;"></td>
				<td width="25%"><INPUT type="button" name="equal"
					onclick="calculate()" value="=" style="width: 60px;"></td>
				<td width="25%"><INPUT type="button" name="num"
					onclick="fun(13)" value="/" style="width: 60px;"></td>
			</tr>
		</table>
	</form>
</body>
</html>
Tiya_s
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Hutool - JavaScript 脚本引擎，像命令一样的执行 JavaScript 函数
简简单单Onlinezuozuo
01-19 3211
文章目录Hutool - JavaScript 脚本引擎，像命令一样的执行 JavaScript 函数1、Hutool - 基本方法2、通过 JavaScript 引擎执行函数，可以实现部分业务逻辑的动态代码 Hutool - JavaScript 脚本引擎，像命令一样的执行 JavaScript 函数 1、Hutool - 基本方法 ScriptUtil.eval("print('Script test!');"); CompiledScript script = ScriptUtil.com
CalcEval科学计算
01-08
CalcEval引擎是一个专门解决javascript浮点数误差的的引擎，能够完美的解决各种复合的运算，最终输出正确的结果。
supOS工业操作系统之增删改查操作（三）
GZM888888的博客
11-07 144
supOS工业操作系统之增删改查操作（三）
python加减乘除计算器 eval_Python计算器（模拟eval）
weixin_39747293的博客
12-04 1292
目的：实现同Python中eval函数一样，对于复杂算术运算提供一个简易的计算器；思路：1、通过正则表达式，将运算式子中所有的数字和运算符分割开来形成类表的方式，然后可以方便列表检索进行运算，eq_format(eq)函数；2、通过列表的检索，通过递归的运算，一层层的剥离掉(),然后进行+，-，*，/，最终得到完全没有括号的算式，进行最后一步的运算，期间需要处理+-，–的情况出现，主要涉及到cha...
五个JavaScript Util 函数的趣味应用
icktpxcls的博客
09-28 316
1、 模拟延迟 有时我们需要模拟某些动作之间的特定延迟。使用以下代码就很容易实现： function delay(timeout) { return new Promise( (resolve) => { const timeoutHandle = setTimeout(() => { clearTimeout(timeoutHandle); resolve() }, timeout); }); } 这个util函数的用法如下： async function(){ console.log(‘Th
关于一些JS的运算符
weixin_30718391的博客
07-22 154
首先呢，什么是JavaScript；JavaScript是一种脚本语言，也是一种解释型语言，更是一种由数据值决定变量类型的弱类型语言 JavaScript主要由三部分组成 ECMAScript 这个是组成部分的核心 DOM 和 BOM 变量的定义是在内存中声明的一段可以存储可以变化的量 1.赋值运算符 语法为 x+=y 其等价于 x=x+y ...
JavaScript：简易计算器（+、-、*、/）制作
Argonaut_的博客
04-10 1442
简易计算器前言 前言 <script> while (true) { var choice = parseInt(prompt('欢迎使用简易计算器：' + '\n' + '1.加法运算' + '\n' + '2.减法运算' + '\n' + '3.乘法运算' + '\n' + '4.除法运算' + '\n' + '5.退出' + '\n' + '请输
Java 计算字符串表达式(字符串代码)
Garbage Collector
03-03 2135
Java 计算字符串表达式(字符串代码) Java 执行字符串代码的方案有很多中，一般情况下我们计算字符串表达式的场景有： 计算逻辑判断式，并返回判断结果(true,false) 计算表达式值,一般返回结果为数值 根据条件简单拼接字符串,返回结果为拼接文本 我们可以使用 Java 内部自带的 JavaScript 引擎实现上述效果。 import javax.script.ScriptEngine; import javax.script.ScriptEngineManager; import java
eval()函数用法详解
weixin_30367543的博客
12-15 2243
eval()函数用法详解:此函数可能使用的频率并不是太高，但是在某些情况下具有很大的作用，下面就介绍一下eval()函数的用法。语法结构: eval(str) 此函数可以接受一个字符串str作为参数，并把此str当做一段javascript代码去执行，如果str执行结果是一个值则返回此值，否则返回undefined。如果参数不是一个字符串，则直接返回该参数，实例如下: eval(...
【JavaScript】javascript的eval函数实现的一个简单计算器
不积跬步无以成千里
01-12 2013
初学H5，不知道做什么来练手，就做些小工具吧今天知道一个函数eval()，感觉是神器，不过官方说这个已经很少用到了用它来做个计算器还是可以的吧~几个点：1、画圆圈，border-radius:100%;2、点击时改变CSS效果，.btnItem:active{}3、内容换行，word-wrap:break-word;4、字符串删除，inputtext.substring( 0 , inputtex
Python初级教程-eval( )函数和变量做简易计算器
xiaozhao_666的博客
05-06 940
eval函数和变量知识做一条有意义的程序 大家好，今天我们接着学习Python初级知识教程第三课 变量知识 ​ #Python变量教学代码 a = 0#定义变量a a -= 1#将变量a-1 print(a)#打印变量a查看其中数据 a += 1#将变量a+1 print(a)#打印变量a查看其中数据 b = 10 a,b = b,a#双变量转换 print(a,b)#查看变量是否转换 ​c = input(a)#打印变量a并让用户输入然后将输入内容存入变量c 这些就是变量的基本知识了，
JavaScript中的eval()函数使用介绍
10-24
主要介绍了JavaScript中的eval()函数使用介绍,本文讲解了eval()的使用、eval()的返回值、变量环境(variable environment)等内容,需要的朋友可以参考下
JavaScript制作简易计算器（不用eval）
10-20
主要为大家详细介绍了JavaScript制作简易计算器的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
javascript eval() 实现简单的计算器
11-15
就一个简简单单的，用javascript做的，加上eval()函数搞的，主要就是对eval()的使用，界面可以自己再设计。
calculadora:一个简单但惊人的计算器，无需使用 Javascript 中的 eval() 函数
05-30
计算器 一个简单但惊人的计算器，无需使用 Javascript 中的 eval() 函数
微信小程序开发之不能使用eval函数的问题
03-29
JavaScript中的eval函数是颇受开发者争议的问题之一，问题主要在于其可能导致的不安全性。有关此方面问题，在此不再赘述，读者可能很容易地浏览到许多介绍性文章。  但是，eval函数的优点也是很明显的。例如，使用...
javascript时间戳转日期格式
真是个老机灵鬼的博客
07-11 215
javascript时间戳转指定日期格式 // 格式化日期，如月、日、时、分、秒保证为2位数 formatNumber (n) { n = n.toString(); return n[1] ? n : '0' + n; }, // 参数number为毫秒时间戳，format为需要转换成的日期格式 formatTime (number, f...
shellScript之util语句
行善之人必有余庆
06-26 493
#!/bin/bash i=0 until [[ "$i" -gt 5 ]] do let "square=i*i" echo "$i * $i = $square" let "i++" done 结果： ~/Note/test # ./15until.sh 0 * 0 = 0 1 * 1 = 1 2 * 2 = 4 3 * 3 = 9 4 * 4 = 16 5 *
javaScript常用
诸葛苍穹
03-03 9743
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件<input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if(value=='') {value='郭强'}">点击时文
用JavaScript中的函数实现一个简易计算器，实现加减乘除等操作显示在HTML文件中
最新发布
05-22
可以使用 JavaScript 中的 eval() 函数实现一个简单的计算器，同时使用 HTML 和 CSS 来设计界面。 HTML 代码： ``` <!DOCTYPE html> 简易计算器 ()">C ()"> ('/')">÷ ('*')">x...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值