基于html+css+js实现简易计算器代码实例

2023-07-31 11:10:04 69

*{ border:none; font-family:'OpenSans',sans-serif; margin:0; padding:0; } .calculator{ background-color:#fff; height:600px; margin:50pxauto; width:600px; } form{ background-color:rgb(75,70,71); padding:5px1pxauto; width:245px; } .btn{ outline:none; cursor:pointer; font-size:20px; height:45px; margin:5px05px10px; width:45px; } .btn:first-child{ margin:5px05px10px; } #display{ outline:none; background-color:#dededc; color:rgb(75,70,71); font-size:40px; height:47px; text-align:right; width:224px; margin:10px10pxauto; } .number{ background-color:rgb(143,140,140); color:#dededc; } .operator{ background-color:rgb(239,141,49); color:#ffffff; } .equal{ width:105px; } .txt{ font-size:12px; background:none; }

/*displayclear*/ functioncleardisplay(){ document.getElementById("display").value=""; } /*del*/ functiondel(){ varnumb=""; numb=document.getElementById("display").value; for(i=0;i

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

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

基于html+css+js实现简易计算器代码实例

热门推荐

随机推荐