网页版计算器.docx

1、网页版计算器前面我已经在WIN32平台中用C语言实现了加减乘除四则运算的计算器，现在我把它移植到网页中，使用HTML+Javascript语言实现它。一、需求：在网页中编程实现一个简单的计算器，它能提供加减乘除四则运算，它支持IE浏览器或火狐浏览器。二、界面原型 三、界面编码 加减乘除四则运算器四、功能部分编码 var rlt = 0.0; var middle = 0.0; var flag = 0; /1:+ 2:- 3:* 4:/ var equalflag = 1; /0:button equal not pressed 1:button equal pressed var chang

2、eflag = 0; function Bt1() var tmp = 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); function Bt2() var tmp = document.getElementById(re

3、sult); 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); function Bt3() var tmp = document.getElementById(result); if(changeflag = 0) if( parseFloat(tmp.value) != 0 | tmp

4、.value.indexOf(.) 0) tmp.value += 3; else tmp.value = 3; else tmp.value = 3; changeflag = 0; middle = parseFloat(tmp.value); function Bt4() var tmp = document.getElementById(result); if(changeflag = 0) if( parseFloat(tmp.value) != 0 | tmp.value.indexOf(.) 0) tmp.value += 4; else tmp.value = 4; else

5、tmp.value = 4; changeflag = 0; middle = parseFloat(tmp.value); function Bt5() var tmp = 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);

6、 function Bt6() var tmp = 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); function Bt7() var tmp = document.getElementById(result); if(

7、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); function Bt8() var tmp = document.getElementById(result); if(changeflag = 0) if( parseFloat(tmp.value) != 0 | tmp.value.ind

8、exOf(.) 0) tmp.value += 8; else tmp.value = 8; else tmp.value = 8; changeflag = 0; middle = parseFloat(tmp.value); function Bt9() var tmp = 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、 = 9; changeflag = 0; middle = parseFloat(tmp.value); function Bt0() var tmp = 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); function

10、BtPoint() var tmp = document.getElementById(result); if( (tmp.value.indexOf(.) 0) tmp.value += .; function BtAdd() var tmp = document.getElementById(result); if(equalflag) rlt = parseFloat(middle); else switch(flag) case 1: rlt += parseFloat(middle); break; case 2: rlt -= parseFloat(middle); break;

11、case 3: rlt *= parseFloat(middle); break; case 4: if( parseFloat(middle) != 0) rlt /= parseFloat(middle); break; changeflag = 1; middle = 0.0; flag = 1; equalflag = 0; tmp.value = parseFloat(rlt); function BtSub() var tmp = document.getElementById(result); if(equalflag) rlt = parseFloat(middle); els

12、e switch(flag) case 1: rlt += parseFloat(middle); break; case 2: rlt -= parseFloat(middle); break; case 3: rlt *= parseFloat(middle); break; case 4: if( parseFloat(middle) != 0) rlt /= parseFloat(middle); break; changeflag = 1; middle = 0.0; flag = 2; equalflag = 0; tmp.value = parseFloat(rlt); func

13、tion BtMud() var tmp = document.getElementById(result); if(equalflag) rlt = parseFloat(middle); else switch(flag) case 1: rlt += parseFloat(middle); break; case 2: rlt -= parseFloat(middle); break; case 3: rlt *= parseFloat(middle); break; case 4: if( parseFloat(middle) != 0) rlt /= parseFloat(middl

14、e); break; changeflag = 1; middle = 0.0; flag = 3; equalflag = 0; tmp.value = parseFloat(rlt); function BtDiv() var tmp = document.getElementById(result); if(equalflag) rlt = parseFloat(middle); else switch(flag) case 1: rlt += parseFloat(middle); break; case 2: rlt -= parseFloat(middle); break; cas

15、e 3: rlt *= parseFloat(middle); break; case 4: if( parseFloat(middle) != 0) rlt /= parseFloat(middle); break; changeflag = 1; middle = 0.0; flag = 4; equalflag = 0; tmp.value = parseFloat(rlt); function BtEqual() var tmp = document.getElementById(result); switch(flag) case 1: rlt += parseFloat(middl

16、e); break; case 2: rlt -= parseFloat(middle); break; case 3: rlt *= parseFloat(middle); break; case 4: if( parseFloat(middle) != 0) rlt /= parseFloat(middle); break; changeflag = 1; middle = rlt; flag = 0; equalflag = 1; tmp.value = parseFloat(rlt); function BtClean() var tmp = document.getElementBy

17、Id(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+等等其他语言下我们都可以实现计算器。对于广大的童鞋们，与其在坛子了费尽口舌争论这个语言不行那个语言落后，还不如实实在在的做些东西出来，已增加自己的项目开发经验、培养动手能力！