CODEWITHSUNDEEP
javascriptjqueryvariablescalculator
Kevin
Kevin

Reputation: 47

Calculator Javascript/Jquery storing variables

I am a new student understanding javascript. I am currently having a difficult time understanding a simple concept on storing a variable on my calculator side project. My problem is when a operator (+,-,/,*) is clicked, I want to store the first value as a variable (first user input). Then after the user clicks on the digits again, the display screen will clear and display the second variable (or the second user input). Then if the operator button or equals button is pressed it will calculate the two variables (so var + var2). I have used a global variable for variable1, but I am having trouble assigning the second variable with the user input after clearing the item. I have a feeling there is a simple answer to this question, but I want to know what I am fundamentally doing wrong so I can start reviewing all the topics I need to do cover again. Anyways any help will be great! Thanks 

'http://codepen.io/kevk87/pen/EVoEaa`

Upvotes: 0

Views: 997

Answers (2)

Sohrab Hejazi
Sohrab Hejazi

Reputation: 1511

First thing, you have a syntax error in your statement that is causing jQuery to not select the right element. I have fixed that in my snippet below.

Second, you need to implement the equal operator to put all of this together. Meanwhile, to address your problem and point you in the right direction, You aren't really capturing the second element. Everytime the user clicks on an operator, you are reassigning the value that is on the screen to 'number' variable, then clearing the screen and assigning the value that is on the screen(which is clear because you just cleared it) to 'number2'.

One way to get around this is to check and see if the 'number' variable has a value, if so then you assign the next value to the 'number2' variable. Here's a snippet of code that does this.

$(".operator").on("click",function() {
    if (number == null) {
        number = $("#screen").html();
    }
    else {
        number2 = $("#screen").html();
        $("#screen").html("");
    }
});

Upvotes: 1

Natural Lam
Natural Lam

Reputation: 742

You forgot the # selector on the line $("screen").html("");, jQuery won't select the correct element. Also you haven't implemented the equal operator yet.

$(".operator").on("click",function() {
    number = $("#screen").html();
    $("screen").html("");
    number2 = $("#screen").html();
});

Upvotes: 1

Related Questions