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)、如果选择框的值为“+”,则输出:

扫描二维码关注公众号,回复: 744562 查看本文章
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;

}

猜你喜欢

转载自qiannianhua.iteye.com/blog/2252287