好资源导航 » 文章资讯 » 简单快速的实现js计算器功能

简单快速的实现js计算器功能

2023-09-26 08:41:10 58

在js的全局方法中有一个eval()方法，由于平时不怎么用，所以到关键时候就没想起来它

想写一个简易的计算器，本来以为要不了多久就能写出来的，谁知道愣是花费了我近两个小时的时间来写，但结果还是不能令我满意。想找一个更好的方法来写，不想写的那么麻烦，用什么方法呢？想了一个遍，后来猛然看到屏幕上有一个eval(),当时我的电脑正打开着网页。福星来了，对啊，我浪费了这么长时间写出来的东西还不能令我满意，一个eval()不就搞定了么，下面就给大家看一下我写的代码，写的很粗糙，还请大家多多指正。







.box{
width:400px;
height:450px;
margin:0auto;
background:pink;
}
.show{
width:100%;
height:100px;
line-height:100px;
text-align:right;
background:#FFFFFF;
border:1pxsolid#000;
}
.operate{
width:100%;
height:250px;
margin-top:50px;
}
p{
margin-top:20px;
text-align:center;
}
input{
width:80px;
height:40px;
/*margin-left:50px;*/
text-align:center;
}
input:nth-child(5n),input:first-child{
margin-left:0;
}

functionnum(figure){ //varfigure=figure.toString(); varshow=document.getElementById("show"); showNum=show.innerHTML+figure; show.innerHTML=showNum; } functionequal(){ document.getElementById("show").innerHTML=eval(document.getElementById("show").innerHTML); /*varlal=document.getElementById("show").innerHTML; alert(lal);*/ }

关于计算器的精彩文章请查看《计算器专题》，更多精彩等你来发现！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

简单快速的实现js计算器功能

热门推荐

随机推荐