JavaScript实现简单的计算器

2023-08-03 01:15:04 158

*{margin:0;padding:0} li{list-style:none} .bor{margin:0auto;width:400px;height:520px;border:2pxsolid#000; margin-top:50px;overflow:hidden;text-align:center;} .s_text{margin:0auto;width:330px;height:80px;margin-top:15px; border:2pxsolid#000000;font-size:30px;padding-left:20px;} .main{margin:0auto;width:350px;height:400px;margin-top:15px;} .mainul{display:flex;height:100%;justify-content:space-between;flex-wrap:wrap;} .mainulli{width:80px;height:80px;border:1pxsolid#000000; text-align:center;line-height:80px;font-size:36px;cursor:pointer;} .mainulli:hover{background:#eeeeee;}

varresultDom=document.getElementById("result"); varoperate=true;//操作符加锁 varafequ=true; //点击计算器执行函数（点数字的时候） functioncommand(num){ //点击等号之后要进行一次清空 if(!afequ){ clearzero(); } //获取输入框中value的值 varstr=resultDom.value;//在这里加一个判断,如果第一位是0,就用""填充 str=(str=="0"?"":str);//条件操作符str在判断无输入或者0的时候都算作是0 str+=num;//拼接数字,然后赋值给文本框 resultDom.value=str;//.value获取文本框中的值 operate=true;//锁住操作符 } //四则运算 functiontools(p,m){ if(operate){ varnum=resultDom.value; num=(num=="0"?"":num); resultDom.value=num+p; operate=false; } } //得出最后的结果 functionequal(m){ varresult=resultDom.value; varr=eval(result);//eval()函数计算JavaScript字符串，并把它作为脚本代码来执行 resultDom.value=r; } //c归零的 functionclearzero(){ resultDom.value=0; }

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

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

JavaScript实现简单的计算器

热门推荐

随机推荐