Калькулятор Javascript/JQuery, сохраняющий переменные

Question

Я новый javascript для изучения студента. В настоящее время мне сложно понять простую концепцию хранения переменной в моем проекте с калькулятором. Моя проблема в том, что при нажатии на оператор (+, -, /, *) я хочу сохранить первое значение в качестве переменной (первый пользовательский ввод). После того, как пользователь снова нажимает на цифры, экран дисплея очистится и отобразит вторую переменную (или второй пользовательский ввод). Затем, если нажата кнопка оператора или равна кнопке, она рассчитает две переменные (так что var + var2). Я использовал глобальную переменную для переменной1, но мне не удается назначить вторую переменную с пользовательским вводом после очистки элемента. У меня есть ощущение, что есть простой ответ на этот вопрос, но я хочу знать, что я принципиально делаю неправильно, поэтому я могу начать рассмотрение всех тем, которые мне нужно, чтобы снова накрыть. В любом случае любая помощь будет отличной! Благодаря

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

Answer 1

Во-первых, у вас есть синтаксическая ошибка в вашем заявлении, из-за чего jQuery не выбирает правильный элемент. Я исправил это в моем фрагменте ниже.

Во-вторых, вам необходимо реализовать равный оператор, чтобы все это объединить. Между тем, чтобы решить вашу проблему и указать вам в правильном направлении, вы на самом деле не захватываете второй элемент. Каждый раз, когда пользователь нажимает на оператора, вы переназначаете значение, которое находится на экране, на «цифровую» переменную, затем очищая экран и назначая значение, которое находится на экране (это ясно, потому что вы просто очистили его), до «number2» ».

Один из способов обойти это - проверить и увидеть, имеет ли переменная 'number' значение, если это так, вы назначаете следующее значение переменной 'number2'. Вот фрагмент кода, который делает это.

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

Answer 2

Вы забыли селектор # на линии $("screen").html("");, JQuery не будет выбрать правильный элемент. Кроме того, вы еще не реализовали равный оператор.

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