网页版计算器.docx

上传人:b****5 文档编号:6665465 上传时间:2023-01-08 格式:DOCX 页数:17 大小:16.05KB
下载 相关 举报
网页版计算器.docx_第1页
第1页 / 共17页
网页版计算器.docx_第2页
第2页 / 共17页
网页版计算器.docx_第3页
第3页 / 共17页
网页版计算器.docx_第4页
第4页 / 共17页
网页版计算器.docx_第5页
第5页 / 共17页
点击查看更多>>
下载资源
资源描述

网页版计算器.docx

《网页版计算器.docx》由会员分享,可在线阅读,更多相关《网页版计算器.docx(17页珍藏版)》请在冰豆网上搜索。

网页版计算器.docx

网页版计算器

前面我已经在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++等等其他语言下我们都可以实现计算器。

对于广大的童鞋们,与其在坛子了费尽口舌争论这个语言不行那个语言落后,还不如实实在在的做些东西出来,已增加自己的项目开发经验、培养动手能力!

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 医药卫生 > 基础医学

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1