(36行代码)javascript实现简单的计算器

话不多说我们上代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><style>input[type='button']{width: 50px;height: 50px;}//设置输入框的宽高都为50px.mydiv{width: 215px;height: 250px;border: 1px solid black;margin: 0 auto;}//设置计算器的边框的大小和居中对齐</style><script>function setVal(myval){str =  document.getElementById("mytext1").value+=myval;}//此函数是累加输入框的内容到str function cale(){ document.getElementById("mytext1").value = eval(str);}//计算器计算的主要功能通过elval函数来实现的//eval函数的主要功能就是字符串的的数值计算function zro(){document.getElementById("mytext1").value ="";}//此功能是清空输入框的内容实现归0</script></head><body><div class="mydiv"><input id="mytext1" style="width: 210px; height: 40px;"  type="text" /><br /><input  type="button" value="7" onclick="setVal('7')"/><input type="button" value="8" onclick="setVal('8')"/><input type="button" value="9" onclick="setVal('9')"/><input  type="button" value="+" onclick="setVal('+')"/><input type="button" value="4" onclick="setVal('4')"/><input type="button" value="5" onclick="setVal('5')"/><input  type="button" value="6" onclick="setVal('6')"/><input type="button" value="-" onclick="setVal('-')"/><input type="button" value="1" onclick="setVal('1')"/><input  type="button" value="2" onclick="setVal('2')"/><input type="button" value="3" onclick="setVal('3')"/><input type="button" value="*" onclick="setVal('*')"/><input type="button"  value="0" onclick="setVal('0')"/><input type="button"  value="归零" onclick="zro()"/><input  type="button" value="=" onclick="cale()"/><input type="button" value="/" onclick="setVal('/')"/>  </div></body>
</html>

代码很少功能也不完善，适合初级入门找找代码的实现感

(36行代码)javascript实现简单的计算器相关推荐

python 动态编译代码_使用PyQt（Python+Qt）+动态编译36行代码实现的计算器
PyQt是基于跨平台的图形界面C++开发工具Qt加Python包装的一个GPL软件(GPL是GNU General Public License的缩写,是GNU通用公共授权非正式的中文翻译),Qt基于 ...
100行代码实现最简单的基于FFMPEG+SDL的视频播放器（SDL1.x）
===================================================== 最简单的基于FFmpeg的视频播放器系列文章列表: 100行代码实现最简单的基于FFMPEG ...
java简单编译器源代码_25行代码实现一个简单的编译器
起因 <25行JavaScript语句实现一个简单的编译器>实现的是一个简单到不能再简单的玩具的玩具,他的魔法是函数式编程简化了js代码.java 8提供了函数式编程的支持,昨晚脑子抽风突 ...
100行代码实现最简单的基于FFMPEG+SDL的视频播放器
简介 FFMPEG工程浩大,可以参考的书籍又不是很多,因此很多刚学习FFMPEG的人常常感觉到无从下手.我刚接触FFMPEG的时候也感觉不知从何学起. 因此我把自己做项目过程中实现的一个非常简单的视频 ...
html桌面倒计时代码,JavaScript实现简单的数字倒计时
这里是一个JavaScript中显示倒计时的方法,从10一秒一秒地往下减直到计时结束(即0),代码如下: runCount(10); function runCount(t){ if(t>0){ ...
37行代码实现一个简单的打游戏AI
不废话,直接上码,跟神经网络一点关系都没有,这37行代码只能保证电脑的对敌牺牲率是1:10左右,如果想手动操控,注释掉autopilot后边的代码即可. 哪个大神有兴趣可以用tensorflow或者s ...
python简单代码演示效果-10分钟教你用python 30行代码搞定简单手写识别！
欲直接下载代码文件,关注我们的公众号哦!查看历史消息即可! 手写笔记还是电子笔记好呢? 毕业季刚结束,眼瞅着2018级小萌新马上就要来了,老腊肉小编为了咱学弟学妹们的学习,绞尽脑汁准备编一套大学秘籍, ...
200 行代码实现一个简单的区块链应用1
区块链的基础概念很简单:一个分布式数据库,存储一个不断加长的 list,list 中包含着许多有序的记录.然而,在通常情况下,当我们谈到区块链的时候也会谈起使用区块链来解决的问题,这两者很容易混淆.像 ...
200 行代码实现一个简单的区块链
英文原文:Lauri Hartikka 区块链的基础概念很简单:一个分布式数据库,存储一个不断加长的 list,list 中包含着许多有序的记录.然而,在通常情况下,当我们谈到区块链的时候也会谈起使用 ...
jQuery/javascript实现简单网页计算器
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>jQuery实现</t ...

(36行代码)javascript实现简单的计算器

(36行代码)javascript实现简单的计算器相关推荐

最新文章

热门文章