计算器_html-js-css

概述计算器

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<!DOCTYPE HTML><HTML><head><Meta charset="UTF-8"><Title>jisuanqi-ren</Title><style type="text/CSS">.btn{background-color:#4BF3A7;height:50px;wIDth: 60px;} .kuang{height: 50px;wIDth: 254px;} .div1{background-color:#00FFCE;wIDth: 260px;height: 400px;} .image{float: right;margin-right: 500px;wIDth:400px;height: 400px;  }</style></head><body><div ID="div2"><h1><strong><center>计算器</center></strong></h1><table><input ID="change" type="text" value="" >//显示框 <input  ID="tuige" type="button" value="<-" onclick="tuige()">//退格键<tr>//下面是按钮<td><input type="button" value="1" onclick="number(this)"></td><td><input type="button" value="2" onclick="number(this)"></td><td><input type="button" value="3" onclick="number(this)"></td><td><input type="button" value="C" ID="qingchu" onclick="qingchu()"></td></tr> <tr><td><input type="button" value="4" onclick="number(this)"></td><td><input type="button" value="5" onclick="number(this)"></td><td><input type="button" value="6" onclick="number(this)"></td><td><input type="button" value="=" onclick="result()"></td></tr><tr><td><input type="button" value="7" onclick="number(this)"></td><td><input type="button" value="8" onclick="number(this)"></td><td><input type="button" value="9" onclick="number(this)"></td><td><input type="button" value="0" onclick="number(this)"></td></tr> <tr><td><input type="button" value="+" onclick="jisuan(this)"></td><td><input type="button" value="-" onclick="jisuan(this)"></td><td><input type="button" value="*" onclick="jisuan(this)"></td><td><input type="button" value="/" onclick="jisuan(this)"></td></tr>  </table></div> <script > //数字输入函数function number(num){var kuang=document.getElementByID("change");var zhengze=/\b=\b/;var test=zhengze.exec(kuang.value)//判断是否完成计算，计算完成即清零if(test=="="){test="";kuang.value=""}kuang.value+=num.value;} //退格函数function tuige(){var kuang=document.getElementByID("change");kuang.value=kuang.value.substring(0,kuang.value.length-1);} //清零函数function qingchu(){var kuang=document.getElementByID("change");kuang.value="";} //输入计算符号function jisuan(fuhao){var kuang=document.getElementByID("change");fuhao1=fuhao.value;kuang.value+=fuhao1;} //判断符号正确性，输出结果function result(){ var kuang=document.getElementByID("change"); //判断符号正确性var zhengze2=/\d\D\d/;var fuhao2=zhengze2.exec(kuang.value);if (fuhao2===null) {alert("error");}else{ var result=eval(kuang.value);kuang.value=kuang.value+"="+result;}}  </script></body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的计算器全部内容，希望文章能够帮你解决计算器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1098069.html