jQuery Variable Addition и другие суммы

Question

У меня есть javascript, который подсчитывает отдельно каждый раз, когда нажимаются 2 отдельные кнопки, затем выводится сумма на той же странице.Это работает, однако я сейчас пытаюсь добавить третье значение для вывода на странице, которое является суммой кликов, которые я бы рассчитал, сложив вместе 2 атрибута.Это, похоже, не работает.

java

<script type="text/javascript">
var NextClick = 0;
var PrevClick = 0;
var TotalClicks = 0;

function getValueNext()
  {
  var y=document.getElementById("NextClick").value = ++NextClick
  $('.NextClick').val(y);
  }

function getValuePrev()
  {
  var x=document.getElementById("PrevClick").value = ++PrevClick
  $('.PrevClick').val(x);
  }

function getSumClicks()
  {
  var z= x + y
  $('.TotalClicks').val(z);
  }

</script>

Html

  Clicked next <input class="NextClick" size="3" onfocus="this.blur();" value="0"> times.
  Clicked prev <input class="PrevClick" size="3" onfocus="this.blur();" value="0"> times.
  Clicked total <input class="TotalClicks" size="3" onfocus="this.blur();" value="0">      times.

Дело в том, что от кликов на каждой кнопке яЯ могу определить, какое изображение они оставили, и какое из них они выбрали.

Мне также пришло в голову, что вместо записи двух значений у меня могла бы быть функция, которая добавляет одно при нажатии следующей, ноубирает один при нажатии на предыдущую, хотя я не уверен, как закодировать это.

Answer 1

Я не вижу элемент с NextClick в качестве идентификатора. Итак, это:

var y=document.getElementById("NextClick").value = ++NextClick

становится:

var y = ++NextClick

Вторые x и y - локальные переменные их функций. Они не существуют внутри getSumClicks().

Вы, вероятно, хотите это:

function getValueNext() {
  $('.NextClick').val(++NextClick);
}

function getValuePrev() {
  $('.PrevClick').val(++PrevClick);
}

function getSumClicks() {
  $('.TotalClicks').val(NextClick + PrevClick);
}