html网页版经典计算器（EVAl）

最新推荐文章于 2023-11-21 15:20:56 发布
最新推荐文章于 2023-11-21 15:20:56 发布
阅读量2.8k 收藏 11
点赞数 1
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42477843/article/details/89284728
版权

##eval函数
用于计算
##图片
在这里插入图片描述
#代码

<!doctype html>
<html>
<head>
<title>计数器</title>
<script language="JavaScript">

<!--
var num1="0+"
var i=0
function f(value){


	if(parseFloat(value.value)>=0&&parseFloat(value.value)<=9){
		if(i==1){
		document.form1.in.value=value.value
		i=0
	
		}
		else {
               		document.form1.in.value=document.form1.in.value+value.value}
	  	
		}
	else if(value.value=="="){
		num1=num1+document.form1.in.value
		num1=eval(num1)
		document.form1.in.value=eval(num1)
		num1="0+"
i=1
	}else if(value.value=="+"||value.value=="-"||value.value=="*"||value.value=="/"){
		i=1;
		num1=num1+document.form1.in.value
		num1=eval(num1)
		document.form1.in.value=eval(num1)
              		 num1=num1+value.value
		

	}else {
            document.form1.in.value=document.form1.in.value+value.value

               }
	
	}
-->

</script >
</head>
<body style="text-align:center">

<form id="form1" name="form1" method="post">
     <input type="text"  name="in"><br>

                  <input type="button" value="1" "f(this)">
                  <input type="button" value="2" "f(this)">
                  <input type="button" value="3" "f(this)">
                  <input type="button" value="+" "f(this)"><br>	  
                  <input type="button" value="4" "f(this)">
                  <input type="button" value="5" "f(this)">
                  <input type="button" value="6" "f(this)">
                  <input type="button" value="-" "f(this)"><br>	  
                  <input type="button" value="7" "f(this)">
                  <input type="button" value="8" "f(this)">
                  <input type="button" value="9" "f(this)">
                  <input type="button" value="*" "f(this)"><br>	  
                  <input type="button" value="0" "f(this)">
                  <input type="button" value="." "f(this)">
                  <input type="button" value="=" "f(this)">
                  <input type="button" value="/" "f(this)"><br>	  


</form>
</body>
</html>
笙烛
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【html】用html5+css3+JavaScript制作一个计数器
weixin_56334307的博客
06-17 587
文件，你应该就能看到一个简单的计数器，每次点击按钮时，计数就会加一。将这三个文件放在同一个文件夹中，并在浏览器中打开。
html语言中eval函数作用,JavaScript eval()函数的用处
weixin_39835991的博客
06-02 2448
在初学JS的时候就知道这个函数，却一直没有了解过他的用途，也一直都是睁一只眼闭一只眼，这次来深入地了解一下这个函数的作用。eval的作用其实很简单，就是把一段字符串传递给JS解释器，由Javascript解释器将这段字符串解释成Javascript代码，并且执行他。语法为 eval(string)，string必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。通过...
html中函数eval,使用eval参数进行JS函数调用
weixin_33345697的博客
06-17 1186
使用JS 中的eval函数，可以将JS字符串作为JS表达式进行执行。将下列JS代码保存为1.jsfunctionf(num,callback){//eval()函数，这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。eval(callback+"('"+num+"')");}再定义一个test.html，保存到和1.js相同的目录HTMLPUBLIC"-//W3C//...
html语言中eval函数作用,eval（Javascrip函数）_百度百科
weixin_35252979的博客
06-02 814
eval(Javascrip函数)编辑锁定讨论上传视频eval是Javascript内置函数，用于计算字符串表达式的值。例如eval("2+3") 返回的是5。中文名eval外文名eval参数string描述要计算的字符串属性函数eval基本参数编辑codeString(编程函数)必选。包含有效 JScript 代码的字符串。 //Jscriptoverride可选项。确...
html中函数eval,js代码借助函数eval制作简易计算器
weixin_29785723的博客
06-17 727
之前我们实现一些简易的计算器功能，是通过判断运算符来实现简单的一元运算，但是eval这个函数可以将包含数字和运算符的字符串进行计算，得出运算结果。1.先写html+css代码，做出一个计算器样子。CSS样式代码：//计算器样式table {border-collapse: collapse;font-size: 20px;margin: 50px auto;}td {text-align: cen...
Web网页实现计算器功能
热门推荐
L的博客
08-20 2万+
计算器说明：主要是对样式和一些简单的文本操作进行，计算用到的是js内置的eval()函数，只需要将文本框的字符串作为参数传入即可得到结果，能够进行简单的运算，非常强大！<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计算器</title> <style type="text/
网页版计算器
03-05
网页版计算器是一种基于Web技术实现的在线计算工具，它利用HTML、CSS和JavaScript等前端技术构建，可以在任何支持浏览器的设备上使用，无需下载安装。本项目中的"6e7603f4a7cb491092e883232deff58d"文件很可能是这个...
HTML网页版计算器.ppt
09-15
网页计算器的核心在于JavaScript的`getElementById`方法和`eval()`函数。`getElementById`用于获取用户点击的按钮对应的字符，这些字符被连接成字符串。当用户点击"="键时，`eval()`函数将字符串转化为JavaScript...
js 前端实现网页计算器
01-31
本项目“js 前端实现网页计算器”旨在教你如何利用HTML、CSS和JavaScript创建一个功能完备的网页计算器。下面我们将详细探讨这个过程中的关键知识点。 首先，我们需要创建HTML结构。HTML（超文本标记语言）是网页的...
非常实用的简易网页计算器
06-23
网页计算器是一种基于HTML、CSS和JavaScript技术实现的交互式网页组件，它允许用户在浏览器上进行基本的数学运算。这个“非常实用的简易网页计算器”项目，正如其名，虽然设计简洁，但在功能和用户体验上都非常实用...
网页计算器实例
06-21
网页计算器是一种常见的交互式网页元素，它通过JavaScript和HTML技术实现。这个实例是为初学者设计的，旨在帮助他们理解这两种技术如何协同工作以创建动态的网页应用。 首先，我们来了解一下HTML（HyperText Markup...
网站访问计数器
05-24
访问网站人数计数器。使用c语言编写可以运行无报错，希望提出改进计划谢谢
计算器网页版
12-20
一款使用JS编写的网页计算器。
HTML5实现网页计算器
08-18
这是个用html5 + css3 + js写的网页计算器，支持括号运算，支持键盘输入、删除键删除输入，按键盘时计算器按键发亮
html静态前端计算器页面
08-17
简单的html与scc代码做个静态的计算器，喜欢的朋友可以参考，背景图片来源网络竟提供参考
自制js+html网页版超级计算器
11-07
采用js+html实现的计算器，丰富的功能，三种主题，超级计算器不但有计算器的基本功能，还有集合输入，可以计算方差，标准差，sum，avg，logx^y,y√x,多进制转换，π,幂，随机数，阶乘，三角函数，倒计时
用JavaScript实现一个简单的网页版计算器
run_bear的博客
08-05 9474
背景 实现效果 最终展现的页面如下图 用到的技术 实现思路 具体实现代码
html实现计算器
qq_46578318的博客
06-10 7704
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Calculator</title> </head> <style> *{ font-size:36px;} table{ background-color: thistle; } .
html实现计算器源码
最新发布
xcLeigh
11-21 1850
html实现计算器源码，计算器源码，简易计算器功能实现，加减乘除，平方，根号等基本算数功能实现，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
html做一个网页版计算器
06-01
好的，以下是一个简单的 HTML 网页版计算器的代码示例： ```html <!DOCTYPE html> <html> <head> <title>网页版计算器</title> <meta charset="UTF-8"> <style> input[type=button] { width: 50px; height: 50px; font-size: 20px; margin: 5px; } input[type=text] { width: 206px; height: 50px; font-size: 20px; margin: 5px; } </style> </head> <body> <h1>网页版计算器</h1> <input type="text" id="result" readonly><br> <input type="button" value="1" onclick="appendValue('1')"> <input type="button" value="2" onclick="appendValue('2')"> <input type="button" value="3" onclick="appendValue('3')"> <input type="button" value="+" onclick="appendValue('+')"><br> <input type="button" value="4" onclick="appendValue('4')"> <input type="button" value="5" onclick="appendValue('5')"> <input type="button" value="6" onclick="appendValue('6')"> <input type="button" value="-" onclick="appendValue('-')"><br> <input type="button" value="7" onclick="appendValue('7')"> <input type="button" value="8" onclick="appendValue('8')"> <input type="button" value="9" onclick="appendValue('9')"> <input type="button" value="*" onclick="appendValue('*')"><br> <input type="button" value="0" onclick="appendValue('0')"> <input type="button" value="." onclick="appendValue('.')"> <input type="button" value="C" onclick="clearResult()"> <input type="button" value="/" onclick="appendValue('/')"><br> <input type="button" value="=" onclick="calculate()"> <script> function appendValue(value) { document.getElementById("result").value += value; } function clearResult() { document.getElementById("result").value = ""; } function calculate() { var result = eval(document.getElementById("result").value); document.getElementById("result").value = result; } </script> </body> </html> ``` 该网页版计算器使用了 HTML、CSS 和 JavaScript 技术，包含一个文本框用于显示运算结果，以及若干个按钮用于输入数字和运算符。JavaScript 代码实现了输入内容的追加、清空、以及运算结果的计算和显示。注意，该计算器仅作为示例，不具备完整的计算器功能和安全性，仅供学习和参考。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值