javascript网页计算器代码，该计算器是用dw写的！
html篇
<html <head> <meta http-equiv =“ content-type” content =“ text/html; charset = utf-8”/> <title> <title> </> </title> </title> <link href =“ style/calculator.css” src =“ javascript/calculator.js”> </script >> </head> <身体> <身体> <form> <形式id =“ form1” name =“ form1”方法=“ post” action =“ action =”> <table cellpadding =“ 0” cellpadding =“ 0” cell -spacing =“ 0” 0“ id =” id =“ calculator”> for =“ txt”> </label> <input name =“ txt” type =“ text” id =“ txt” value =“ 0” onfocus =“ this.blur（）;”/> </> </> </td> </tr> </tr> <tr> <tr> <td align align =“中心”中心“ valign” valign =“中间” onclick onclick =“ onClick =“ BackSpace（）;”>←</td> <td align =“中心” centrign =“中间” onclick =“ sign（）;”>±</td> <td> <td align =“中心”中心“中间”中间“中间” onclick onclick =“ adclick =“ add（）add（） onclick =“命令（7）;”> 7 </td> <td align =“中心”中心=“中间” onclick =“ command（8）;”> 8 </td> </td> <td align =“中心”中心=“中间” nimber“ nider” clign onclick =“ commitl（9）;”> 9 </td> 9 </td> 9 <td> <td> <td> <td> <td align =“中心” centrign =“ valign =” valign =“ nimder” </tr> <tr> <td align =“ center” valign =“中间” onclick =“ command（4）;”> 4 </td> <td align =“ center”中心“ valign =”中间=“中间” commitlick =“ commitch（5）;”> 5 </td> 5 </td> <td align =“ center”中心“中心”中心“ valign =“中间” onclick =“ pluply（）;”>×</td> </tr> <tr> <tr> <td align =“ center”中心“中间=“中间” onclick =“ command（1）;”> 1 </td> </td> <td> <td align align =“中心”中心“中心”中间“中间” onclick nimder“ climed” onclick =“ allimed” nimed olclick =“ commitd（2） onClick =“ command（3）;”> 3 </td> <td align =“ center”中心=“中间” onclick =“ divide（）;”>÷</td> </td> </tr> </tr> <tr> <td align =“中心”中心=“ valign” valign =“中间” in Middle“ midd onclick =“ dot（）;”>▪</td> <td colspan =“ 2” align =“中心” valign =“中间” bgcolor =“＃cc6600” onclick =“ qualice（）
CSS篇
@Charset“ utf-8”;/ * CSS文档 */。trb {font-family：Georgia，“ Times New Roman”，Times，Serif;字体大小：24px;颜色：#fff;背景色：＃333;文字平衡：中心；边框：1PX实心＃999;}。操作员{background-color：＃333;字体大小：18px;颜色：＃c60;字体家庭：Verdana，Geneva，sans-serif;} td：Hover {font-size：28px;光标：指针； } .txt {高度：100px;宽度：320px;背景色：＃333;文本平衡：左；垂直分组：底部；颜色：#fff;字体大小：30px;}JavaScript篇
//实现计算器功能//结果var结果= 0; // 显示框中的数（默认为“ 0”）var screennum =“ 0”; //数的初始输入状态，默认为，默认为0 ；当按了任意运算符键后，数的输入状态变为1varstate = 0; //防止重复按运算符键var deverrepeat = true; ///////////////// // // 运算符键（默认为0- 运算符键（默认为0-等于号var operator = 0; ////////字符串（document.form1.txt.value）; //对该值进行判断，如果该值不为，“ 0”，且输入状态0，则返回前者，否则为，否则为”“（双重三目运算）//两个判断条件：1 、显示框中值是否为” 0“，2、数的输入状态STR =（str！=“ 0”）？ //给当前值追加字符str = str + string（num）; //刷新显示document.form1.txt.value = str; //按了任意数字键后，数的输入状态变为，0状态= 0; //重置防止重复按键devereRepeat = true;} //第二步：确保输入的数是合法的，每个数至多只有一个小数点函数dot（）{var str = string（document.form1.txt.value）; //若该数前面未接运算符，则返回前值，否则为“ 0”； str =（state == 0）？str：“ 0”; // java string有length（）方法，而js里string有length属性}} //若无小数点，则在该数后面加上str = str+“。”; //刷新显示document.form1.txt.value = str; //恢复数的初始输入状态状态= 0; } //第三步：处理退格键函数backSpace（）{var str = string（document.form1.txt.value）; //若显示框中数不等于“ 0”，则返回str，否则返回“” str =（str！=“ 0”）？str：“”; //获取子串str = str.Substr（0，str.length-1）; //若str不为“”，则返回子串str，否则str =“ 0” str =（str！=“”）？str：“ 0”; //刷新显示document.form1.txt.value = str; } //第四步：删除所有函数deleteall（）{//显示框设为“ 0” document.form1.txt.value =“ 0”; //恢复数的初始输入状态状态= 0; //恢复运算符键，默认为0--等于号运算符= 0;} //第五步：加法函数add（）{// c carcelution（）; //更改数的输入状态状态= 1; //更改运算符键，1--运算符= 1; } //第六步：减法函数subtract（）{// c calculate（）; //更改数的输入状态状态= 1; // 2--运算符= 2; } //第七步：乘法函数pultival（）{// c carculate（）; //更改数的输入状态状态= 1; // 3--乘号运算符= 3; } //第八步：除法函数divide（）{// c calculate（）; //更改数的输入状态状态= 1; // 4--运算符= 4; } //第九步：正负号函数符号（）{// 5--正负号运算符= 5; //调用计算函数计算（）; //更改数的输入状态状态= 1; // 0--等于号运算符= 0; //正负号可以连续按devereRepeat = true;} //第十步：等于函数均等（）{//调用计算函数calculate（）; //更改数的输入状态状态= 1; // 0--等于号运算符= 0; } //第十一步：计算函数计算（）{//获取显示框中的值screennum = numbers（document.form1.txt.value）; if（develyRepeat）{switch（operator）{情况1：结果= result + screennum; document.form1.txt.value =结果;休息;案例2：结果=结果-Screennum; document.form1.txt.value =结果;休息;案例3：结果=结果 * screennum; document.form1.txt.value =结果;休息;情况4：if（screennum == 0）{//设置显示框的值document.getElementById（“ txt”）。value =“除数不能为0”; // 3s后，执行清屏函数settimeout（clearscreen，3000）; } else {result = result/screennum; document.form1.txt.value =结果; } 休息;案例5：结果=（-1）*screennum; document.form1.txt.value =结果;休息;情况0：结果= ScreenNum; document.form1.txt.value =结果;休息; } //当按了运算符键后，不能再按避免= false; }} //第十二步：清屏函数函数clearScreen（）{document.getElementById（“ txt”）。value =“ 0”; }以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。，也希望大家多多支持武林网。