试图让equals按钮在计算器中正常运行

时间:2015-12-31 03:43:39

标签: javascript jquery html css javascript-events

我正在研究计算器应用程序。除了一件事,它已接近完成。这是我的完整代码的代码笔:http://codepen.io/freefora11/pen/pgNbXw?editors=101

我遇到的问题是当我点击等号按钮时。下面的第一个代码非常适合添加2个数字......

$("#equals").click(function(){
            total = total + parseFloat(dis.text()); 
            dis.text(total);

    });

现在我正在尝试能够乘法,减法,除法等,具体取决于点击了哪个运算符(下图),但它无法正常运行。它与if语句有关。我无法弄清楚为什么它不起作用。任何提示或帮助正确的方向?谢谢!

$("#equals").click(function(){
        if(operation =="+"){
            total = total + parseFloat(dis.text()); 
            dis.text(total);
        }
        if(operation == "-"){
            total = total - parseFloat(dis.text());
            dis.text(total);
        }
        if(operation == "X"){
            total = total * parseFloat(dis.text());
            dis.text(total);
        }if(operation == "÷"){
            total = total / parseFloat(dis.text());
            dis.text(total);
        }
    });

1 个答案:

答案 0 :(得分:0)

operation = "";移除$(".numbers").click(function(){
因为它会使操作变量变为空白。

Working codepen