JavaScript----完成一个简单的计算器功能

一、使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。

二、获取元素的值设置和获取方法为：

     例：赋值：document.getElementById(“id”）.value = 1；

            取值：var = document.getElementById(“id”）.value；

三、步骤：
       第一步： 创建构建运算函数count()。

function count(){

}

 

第二步： 获取两个输入框中的值和获取选择框的值。

        //获取第一个输入框的值
    var first = document.getElementById('txt1').value;
	//获取第二个输入框的值
    var second = document.getElementById('txt2').value;
	//获取选择框的值
    var select = document.getElementById('select').value;

提示：document.getElementById( id名 ).value 获取或设置 id名的值。

 

第三步： 获取通过下拉框来选择的值来改变加减乘除的运算法则。

1)、如果选择框的值为“+”，则输出：

var result;
    if(select == '+')
    {
        result = parsefloat(first) + parsefloat(second);   
    }

 

2)、如果选择框的值为“+”，则输出：

else if(select == '-')
    {
        result = parsefloat(first) - parsefloat(second);
    }

 

3)、如果选择框的值为“+”，则输出：

else if(select == '*')
    {
        result = parsefloat(first) * parsefloat(second);
    }

 

4)、否则，输出：

else
    {
        result = parsefloat(first) / parsefloat(second);
    }

提示：使用if判断运算法则。

第四步：  通过 = 按钮来调用创建的函数，得到结果。

 <!--通过 = 按钮来调用创建的函数，得到结果--> 
<input type='button' value=' = ' onclick="count()"/>

 

四、总结：第三步中，其实可以用Swith代替if，使代码更精简：

switch(select){

case '+': result=first+second;break;

case '-': result=first-second;break;

case '*': result=first*second;break;

case '/': result=first/second;break;

}