javascript网页计算器代码、该计算器是用dw 写的！
HTML篇
<html <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <tittite> </title> <link href = "style/calculator.css" rel = "styleSheet" type = "text/css"/> <script src = "javascript/calcultur.js"> </script >> </head> <body> <form id = "form1" name = "form1" method = "post" action = ""> <table cellpadding = "0" cellspacing = "0" "id =" calculator "> <tr> <td colspan =" <入力名= "txt" type = "text" id = "txt" value = "0" onfocus = "this.blur（）;"/> </td> </tr> <td align = "center =" center "valign =" middle "onclick =" deleateall（）; "> c </td> onclick = "backspace（）;">←»←</td> <td align = "center" valign = "middle" onclick = "sign（）;">±</td> <td align = "center" valign = "valign =" middle "onclick =" add（ "> ＋ </td> </tr> <td td align =" balign " onclick = "command（7）;"> 7 </td> <td align = "center" valign = "middle" onclick = "command（8） </tr> <tr> <td align = "center" valign = "middle" onclick = "command（4）;"> 4 </td> <td align = "center" valign = "middle" onclick = "command（5）;"> 5 </td> <td align = "center" balign = "balign =" command = " Valign = "Middle" onclick = "Multiply（）;">×</td> </tr> <td align = "center" valign = "middle" onclick = "command（1）;"> 1 </td> <td align = "center" valign = "middle" onclick = "" balign = "balign =" balign = "balign =" balign = "bal onclick = "command（3）;"> 3 </td> <td align = "center" valign = "middle" onclick = "divide（）;">÷</td> </tr> <tr> <td align = "balign =" middle "onclick ="コマンド（0）; "> onclick = "dot（）;">■■■■■■■<td colspan = "2" align = "center" valign = "middle" bgcolor = "＃cc6600" onclick = "equal（）;
CSS篇
@charset "utf-8";/ * css document */。trb {font-family：georgia、 "times new Roman"、Times、serif;フォントサイズ：24px;色：#fff;バックグラウンドカラー：＃333;テキストアライグ：センター;境界線：1pxソリッド＃999;}。オペレーター{background-color：＃333;フォントサイズ：18px;色：＃C60; Font-Family：Verdana、Geneva、Sans-Serif;} td：Hover {font-size：28px;カーソル：ポインター; } .txt {height：100px;幅：320px;バックグラウンドカラー：＃333;テキストアライグ：左;垂直アライイン：ボトム;色：#fff; font-size：30px;}JavaScript篇
//实现计算器功能//结果var result = 0; // string（document.form1.txt.value）; //对该值进行判断、如果该值不为、 "0"、且输入状态0、则返回前者、否则为、 ""（双重三目运算）//两个判断条件两个判断条件：1 、显示框中值是否为 "0"、2 、数的输入状态 str =（str！= "0"）？（（state == 0）？str： ""）： ""; //给当前值追加字符str = str + string（num）; //刷新显示document.form1.txt.value = str; //按了任意数字键后、数的输入状态变为0状態= 0; // //若该数前面未接运算符、则返回前值、否则为 "0"； str =（state == 0）？str： "0"; // java里文字列有長さ（）方法、而js里string有長さ}} //若无小数点、则在该数后面加上str = str+"。"; //刷新显示document.form1.txt.value = str; //恢复数的初始输入状态状態= 0; } //第三步：处理退格键function backspace（）{var str = string（document.form1.txt.value）; //若显示框中数不等于 "0"、则返回str、否则返回 "" str =（str！= "0"）？str： ""; // //若str //刷新显示document.form1.txt.value = str; } //第四步：删除所有関数deleteall（）{//显示框设为 "0" document.form1.txt.value = "0"; //恢复数的初始输入状态状態= 0; //恢复运算符键、默认为0--等于号operator = 0;} //第五步：加法function add（）{//调用计算函数計算（）; //更改数的输入状态状態= 1; //更改运算符键、1--加号オペレーター= 1; } //第六步：减法function subtract（）{//调用计算函数計算（）; //更改数的输入状态状態= 1; // 2--减号演算子= 2; } //第七步：乘法関数倍数（）{//调用计算函数計算（）; //更改数的输入状态状態= 1; // 3--乘号演算子= 3; } //第八步：除法関数divide（）{//调用计算函数計算（）; //更改数的输入状态状態= 1; // 4--除号演算子= 4; } //第九步：正负号function sign（）{// 5--正负号operator = 5; // calculate（）; //更改数的输入状态状態= 1; // 0--等于号演算子= 0; //正负号可以连续按esmuseRepeat = true;} // //更改数的输入状态状態= 1; // 0--等于号演算子= 0; } //第十一步：计算関数計算（）{//获取显示框中的值screennum = number（document.form1.txt.value）; if（evish repeat）{switch（operator）{case 1：result = result + screennum; document.form1.txt.value = result;壊す;ケース2：結果= result -screennum; document.form1.txt.value = result;壊す;ケース3：結果= result * screennum; document.form1.txt.value = result;壊す;ケース4：if（screenNum == 0）{// // 3s后、执行清屏函数settimeout（clearscreen、3000）; } else {result = result/screennum; document.form1.txt.value = result; } 壊す;ケース5：result =（-1）*screennum; document.form1.txt.value = result;壊す;ケース0：result = screennum; document.form1.txt.value = result;壊す; } //当按了运算符键后、不能再按repeat = falseを回避; } // }以上就是本文的全部内容、希望对大家的学习有所帮助、也希望大家多多支持武林网。