Не срабатывает оператор else. (Javascript)

375

24 ноября 2016, 10:31

При выполнении лабораторной работы возникла вот такая проблема. Первое поле задаёт нижнюю границу диапазона чисел, а второе - верхнюю. При введении числа в третье поле должен срабатывать if/else.

В данном коде не срабатывает оператор else, поэтому даже при выходе за заданный диапазон выдаётся сообщение о успешном вводе.

Что может быть не так? В упор не вижу проблему.

      var input = document.body.children[2];
      var minrange = document.getElementById('minrange').value;
      var maxrange = document.getElementById('maxrange').value;
      var integerEEE = document.getElementById('integer').value;
      input.oninput = function() {
               if (integerEEE >= minrange && integerEEE <= maxrange) {
                 alert("Введённое число входит в заданный диапазон. Валидация пройдена. Пожалуйста перезагрузите страницу и попробуйте снова.");
               }
             else {
               alert("Введённое число не входит в заданный диапазон. Пожалуйста перезагрузите страницу и попробуйте снова.");
             };
      };
    </script>

Answer 1

Попробуйте определять значения input в момент когда срабатывает обработчик ивента

var input = document.body.children[2];
input.oninput = function() {
  var minrange = document.getElementById('minrange').value;
  var maxrange = document.getElementById('maxrange').value;
  var integerEEE = document.getElementById('integer').value;
  if (integerEEE >= minrange && integerEEE <= maxrange) {
    alert("Введённое число входит в заданный диапазон. Валидация пройдена. Пожалуйста перезагрузите страницу и попробуйте снова.");
  } else {
    alert("Введённое число не входит в заданный диапазон. Пожалуйста перезагрузите страницу и попробуйте снова.");
  };
};