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”; }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。,也希望大家多多支持武林网。