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”; }以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。 ，也希望大家多多支持武林網。