我的csdn第二篇博客

         大家好，小弟我又来发博客了。今天给大家带来的还是我在Dreamweaver下练习代码—制作一个简单的网页计算器。这也是为了javaweb打基础的一步。今天的简单的网页计算器依然没有什么特别高级的技术，但是在小弟我这种代码小白的眼中已经很厉害了。

         首先给大家看一下网页计算器的实现效果：

         这个网页计算器可以实现简单的额两个数的加减乘除、取余操作，还有清除和逐位删除的操作。制作这个简单的计算器；首先，我的思路是这样的：利用表单的button的属性放置在单元格中显示数字和各个计算按钮。用一个文本框显示数字和结果。

①  定义一个文本框，用来显示输出和结果并且给这个文本框设定函数。

具体代码：

<input name="show" type="text"id="show" value="" /></td>

函数代码：

functionshowNum(data) {

document.getElementById("show").value=data;   }

②  定义一个函数用来定义数字显示时逐个显示；

functiongetNum(num){

Data += num;

showNum(Data);     }

③  获取操作符就是加减乘除，定义函数：

functionjisuan(num1, num2, lastop){

switch(lastop){

                    case '+':result = num1 +num2;break;

                    case '-':result = num1 -num2;break;

                    case '*':result = num1 *num2;break;

                    case '%':result = num1 %num2;break;

                    case '/':if(num2==0)alert("除数不能为0")  ;else result =num1/num2;break;

           }

           return result;

 }

这里只是用if循环来实现计算的方法并没有用Math这个数学类。

④  分别定义两个函数用来实现全部清除和逐步清除的功能：

functionclearOne(){

            Data = Data.substring(0,(Data.length-1));

        showNum(Data);}

    function allclear(){

            Data="";

         showNum(Data);           }

我感觉这样简单的网页计算器就实现了，就是简单的表单属性和定义function的知识。但是就这么简单的知识，我在制作的过程中还是遇到问题，一开始就无从下手。定义函数时就很迷茫。但是经过这个简单的网页计算器的制作，我学会了很多。