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

最新推荐文章于 2021-10-14 23:06:14 发布

PXM706120

最新推荐文章于 2021-10-14 23:06:14 发布

阅读量991

点赞数 2

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/PXM706120/article/details/84746683

版权

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

一、使用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=' = ' οnclick="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;

}