网页版计算器.docx
- 文档编号:6665465
- 上传时间:2023-01-08
- 格式:DOCX
- 页数:17
- 大小:16.05KB
网页版计算器.docx
《网页版计算器.docx》由会员分享,可在线阅读,更多相关《网页版计算器.docx(17页珍藏版)》请在冰豆网上搜索。
网页版计算器
前面我已经在WIN32平台中用C语言实现了加减乘除四则运算的计算器,现在我把它移植到网页中,使用HTML+Javascript语言实现它。
一、需求:
在网页中编程实现一个简单的计算器,它能提供加减乘除四则运算,它支持IE浏览器或火狐浏览器。
二、界面原型
三、界面编码
30"style="height: 25"value="1"id="One"onclick="Bt1()"/> 30"style="height: 25"value="2"id="Two"onclick="Bt2()"/> 30"style="height: 25"value="3"id="Three"onclick="Bt3()"/> 30"style="height: 25"value="+"id="Add"onclick="BtAdd()"/> 30"style="height: 25"value="4"id="Four"onclick="Bt4()"/> 30"style="height: 25"value="5"id="Five"onclick="Bt5()"/> 30"style="height: 25"value="6"id="Six"onclick="Bt6()"/> 30"style="height: 25"value="-"id="Sub"onclick="BtSub()"/> 30"style="height: 25"value="7"id="Seven"onclick="Bt7()"/> 30"style="height: 25"value="8"id="Eight"onclick="Bt8()"/> 30"style="height: 25"value="9"id="Nine"onclick="Bt9()"/> 30"style="height: 25"value="*"id="Mud"onclick="BtMud()"/> 30"style="height: 25"value="0"id="Zero"onclick="Bt0()"/> 30"style="height: 25"value="."id="Point"onclick="BtPoint()"/> 30"style="height: 25"value="="id="Equal"onclick="BtEqual()"/> 30"style="height: 25"value="/"id="Div"onclick="BtDiv()"/> 68"style="height: 25"value="CLEAR"id="Clean"onclick="BtClean()"/> 四、功能部分编码 varrlt=0.0; varmiddle=0.0; varflag=0;//1: +2: -3: *4: / varequalflag=1;//0: buttonequalnotpressed1: buttonequalpressed varchangeflag=0; functionBt1() { vartmp=document.getElementById("result"); if(changeflag==0) { if(parseFloat(tmp.value)! =0||tmp.value.indexOf(".")>0) { tmp.value+="1"; } else { tmp.value="1"; } } else { tmp.value="1"; changeflag=0; } middle=parseFloat(tmp.value); } functionBt2() { vartmp=document.getElementById("result"); if(changeflag==0) { if(parseFloat(tmp.value)! =0||tmp.value.indexOf(".")>0) { tmp.value+="2"; } else { tmp.value="2"; } } else { tmp.value="2"; changeflag=0; } middle=parseFloat(tmp.value); } functionBt3() { vartmp=document.getElementById("result"); if(changeflag==0) { if(parseFloat(tmp.value)! =0||tmp.value.indexOf(".")>0) { tmp.value+="3"; } else { tmp.value="3"; } } else { tmp.value="3"; changeflag=0; } middle=parseFloat(tmp.value); } functionBt4() { vartmp=document.getElementById("result"); if(changeflag==0) { if(parseFloat(tmp.value)! =0||tmp.value.indexOf(".")>0) { tmp.value+="4"; } else { tmp.value="4"; } } else { tmp.value="4"; changeflag=0; } middle=parseFloat(tmp.value); } functionBt5() { vartmp=document.getElementById("result"); if(changeflag==0) { if(parseFloat(tmp.value)! =0||tmp.value.indexOf(".")>0) { tmp.value+="5"; } else { tmp.value="5"; } } else { tmp.value="5"; changeflag=0; } middle=parseFloat(tmp.value); } functionBt6() { vartmp=document.getElementById("result"); if(changeflag==0) { if(parseFloat(tmp.value)! =0||tmp.value.indexOf(".")>0) { tmp.value+="6"; } else { tmp.value="6"; } } else { tmp.value="6"; changeflag=0; } middle=parseFloat(tmp.value); } functionBt7() { vartmp=document.getElementById("result"); if(changeflag==0) { if(parseFloat(tmp.value)! =0||tmp.value.indexOf(".")>0) { tmp.value+="7"; } else { tmp.value="7"; } } else { tmp.value="7"; changeflag=0; } middle=parseFloat(tmp.value); } functionBt8() { vartmp=document.getElementById("result"); if(changeflag==0) { if(parseFloat(tmp.value)! =0||tmp.value.indexOf(".")>0) { tmp.value+="8"; } else { tmp.value="8"; } } else { tmp.value="8"; changeflag=0; } middle=parseFloat(tmp.value); } functionBt9() { vartmp=document.getElementById("result"); if(changeflag==0) { if(parseFloat(tmp.value)! =0||tmp.value.indexOf(".")>0) { tmp.value+="9"; } else { tmp.value="9"; } } else { tmp.value="9"; changeflag=0; } middle=parseFloat(tmp.value); } functionBt0() { vartmp=document.getElementById("result"); if(changeflag==0) { if(tmp.value.indexOf(".")>0||parseFloat(tmp.value)! =0) { tmp.value+="0"; } else { tmp.value="0"; } } else { tmp.value="0"; changeflag=0; } middle=parseFloat(tmp.value); } functionBtPoint() { vartmp=document.getElementById("result"); if((tmp.value.indexOf(".")<0)&&(tmp.value.length>0)) { tmp.value+="."; } } functionBtAdd() { vartmp=document.getElementById("result"); if(equalflag) { rlt=parseFloat(middle); } else { switch(flag) { case1: rlt+=parseFloat(middle); break; case2: rlt-=parseFloat(middle); break; case3: rlt*=parseFloat(middle); break; case4: if(parseFloat(middle)! =0) { rlt/=parseFloat(middle); } break; } } changeflag=1; middle=0.0; flag=1; equalflag=0; tmp.value=parseFloat(rlt); } functionBtSub() { vartmp=document.getElementById("result"); if(equalflag) { rlt=parseFloat(middle); } else { switch(flag) { case1: rlt+=parseFloat(middle); break; case2: rlt-=parseFloat(middle); break; case3: rlt*=parseFloat(middle); break; case4: if(parseFloat(middle)! =0) { rlt/=parseFloat(middle); } break; } } changeflag=1; middle=0.0; flag=2; equalflag=0; tmp.value=parseFloat(rlt); } functionBtMud() { vartmp=document.getElementById("result"); if(equalflag) { rlt=parseFloat(middle); } else { switch(flag) { case1: rlt+=parseFloat(middle); break; case2: rlt-=parseFloat(middle); break; case3: rlt*=parseFloat(middle); break; case4: if(parseFloat(middle)! =0) { rlt/=parseFloat(middle); } break; } } changeflag=1; middle=0.0; flag=3; equalflag=0; tmp.value=parseFloat(rlt); } functionBtDiv() { vartmp=document.getElementById("result"); if(equalflag) { rlt=parseFloat(middle); } else { switch(flag) { case1: rlt+=parseFloat(middle); break; case2: rlt-=parseFloat(middle); break; case3: rlt*=parseFloat(middle); break; case4: if(parseFloat(middle)! =0) { rlt/=parseFloat(middle); } break; } } changeflag=1; middle=0.0; flag=4; equalflag=0; tmp.value=parseFloat(rlt); } functionBtEqual() { vartmp=document.getElementById("result"); switch(flag) { case1: rlt+=parseFloat(middle); break; case2: rlt-=parseFloat(middle); break; case3: rlt*=parseFloat(middle); break; case4: if(parseFloat(middle)! =0) { rlt/=parseFloat(middle); } break; } changeflag=1; middle=rlt; flag=0; equalflag=1; tmp.value=parseFloat(rlt); } functionBtClean() { vartmp=document.getElementById("result"); tmp.value=""; middle=0.0; rlt=0.0; flag=0; equalflag=1; changeflag=1; } 将它们放到之前,然后保存一个文件名xx.html 五、测试 使用IE浏览器或者火狐浏览器,把xx.html打开,按事先编写好的测试用例进行测试。 如果使用IE浏览器,把ActiveX控件允许。 六、总结 不管使用什么语言,C语言、还是Html+Javascript语言,对于加减乘除四则运算器,我们都可以实现。 很自然的Java语言、C#语言、C++等等其他语言下我们都可以实现计算器。 对于广大的童鞋们,与其在坛子了费尽口舌争论这个语言不行那个语言落后,还不如实实在在的做些东西出来,已增加自己的项目开发经验、培养动手能力!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 计算器