js制作简单的计算器

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
语法：
eval(string)；


<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.box{width: 250px;background: #cccccc;overflow: hidden;}#outp1{margin: 0;font: 14px/16px "微软雅黑";height: 16px;color: #333;text-align: right;border: 1px solid #fff;}#outp2{font: 20px/20px "微软雅黑";height: 18px;text-align: right;color: #333;margin: 0;border: 1px solid #fff;}.btn{overflow: hidden;margin-left:1px;}.numb,.opera{width: 60px;line-height: 40px;margin: 0;padding: 0;display: block;text-align: center;float: left;background-color: pink;border: 1px solid #cccccc;}</style>
</head>
<body><div class="box"><p id="outp2"></p><p id="outp1"></p><div class="btn"><span class="numb">(</span><span class="numb">)</span><span class="numb">%</span><span class="numb">C</span><span class="numb">7</span><span class="numb">8</span><span class="numb">9</span><span class="numb">/</span><span class="numb">4</span><span class="numb">5</span><span class="numb">6</span><span class="numb">*</span><span class="numb">1</span><span class="numb">2</span><span class="numb">3</span><span class="numb">-</span><span class="numb">0</span><span class="numb">.</span><span class="numb">=</span><span class="numb">+</span></div></div><script type="text/javascript">var oBtn=document.getElementsByClassName("numb");//按键var outp1=document.getElementById("outp1"); //输出1var outp2=document.getElementById("outp2");//输出2,结果var str="";for(var i=0;i<oBtn.length;i++){oBtn[i].onclick=function () {switch (this.innerHTML) {case "=":   outp2.innerHTML=eval(str);//等号,输出结果str="";break;case "C":   outp1.innerHTML=""; //清零outp2.innerHTML="";str="";break;default:    str+=this.innerHTML;outp1.innerHTML=str;break;}}}</script>
</body>
</html>

js制作简单的计算器相关推荐

php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下写ABROAD项目用到了标签这个东东,其实标 ...
css画钟表_利用css+原生js制作简单的钟表
利用css+原生js制作简单的钟表.效果如下所示实现该效果,分三大块:html.javascript.css html部分html部分比较简单,定义一个clock的div,内部有原点.时分秒针.日期 ...
html网页加减乘除代码,html+js实现简单的计算器代码(加减乘除)
html+js实现简单的计算器代码(加减乘除) function setOp(op, opTips) { var tb=document.getElementById("tb_calc&qu ...
静态html加减乘除计算器代码,html+js实现简单的计算器代码(加减乘除)
下面小编就为大家带来一篇html+js实现简单的计算器代码(加减乘除).小编觉得挺不错的,现在就分享给大家,也给大家做个参考. html+js实现简单的计算器代码(加减乘除) function set ...
js制作bmi指数计算器代码
js制作bmi指数计算器代码,js实现bmi指数计算代码教程如下: 1.输入体重 2.输入身高计算结果:计算出体重指数 js实现代码: function setKeyup(obj) {if (!ob ...
js制作简单的时钟v1.0
js制作简单的时钟 getFullYear():获取四位数年份 getMonth():获取月份 getDate:获取日期 getDay:获取一周中的周几 getHours():获取小时 getMinu ...
html+css+js制作简单网站首页
一个简单的网站主页主要由html+css+js制作 1.图片展示这是首页的上半部分,主要内容有:顶部标头.顶部导航栏.图片轮播图. ```css <!DOCTYPE html> < ...
【MATLAB-app】系列教程（含视频）第2课_实例：使用appdesigner 制作简单的计算器
写作时间: 2020-12-24 我的教程目录第1课:初步了解appdesigner 第2课:学会制作一个计算器第3课:学习更多的控件第4课:一个简单图像处理软件制作第5课:学习APPdesi ...
用Java制作简单的计算器
目录界面的设计: 事件的响应: 计算: 详细代码如下: 总结: 要制作一个简单的计算器,首先就是对于界面的设计,然后就是其功能的实现. 对于事件的实现大概就分下面几个步骤. 确定事件源和监听源实现 ...

js制作简单的计算器

js制作简单的计算器相关推荐

最新文章

热门文章