Почему установленная переменная с document.getElementById().innerHTML сама исполняется без её вызова?

Question

[Speakea1y1289]

Добрый день. Имеется следующий код:

<div class="pb-10 col-md-12">
     <a id="inner_area"></a>
     <label>Внутреняя площадь дома, м2</label>
     <input type="number" value="" maxlength="100" class="form-control" name="inner_area" onblur="isright(this);">
</div>

function isright(obj)
	{
		var value= +obj.value.replace(/\D/g,'')||0;
		var notify= document.getElementById("inner_area").innerHTML="Дома рассчитываются индивидуально!<br>";
		if (document.getElementById('num_floors').value==2) {
			if (value>300) { value=300; }
			if (value<120) { value=120; }
		} else {
			if (value>300) { value=300; }
			if (value<90) { value=90; }
		}
		obj.value = value;
	}

При исполнении данного кода. Переменная notify автоматически исполняется, а надо, чтобы notify исполнялось только в условиях с value. Как это сделать?
Должно быть так:

if (document.getElementById('num_floors').value==2) {
			if (value>300) { notify; value=300; }
			if (value<120) { notify; value=120; }
		} else {
			if (value>300) { notify; value=300; }
			if (value<90) { notify; value=90; }
		}

Answer 1

[Денис Грибанов]

В javascript нет понятия "переменная автоматически исполняется".

То, что вы записываете в переменную notify - это значение свойства innerHTML dom элемента.

В вашем случае необходимо сделать функцию (и ссылку на функцию уже можно записать в переменную). Если не обращать внимание на ужасно написанный код (уж извините), то можно сделать вот так:

function isright (obj) {
  var value = +obj.value.replace(/\D/g, '') || 0
  var notify = function () {
    document.getElementById('inner_area').innerHTML = 'Дома рассчитываются индивидуально!<br>'
  }
  if (document.getElementById('num_floors').value == 2) {
    if (value > 300) { notify(); value = 300 }
    if (value < 120) { notify(); value = 120 }
  } else {
    if (value > 300) { notify(); value = 300 }
    if (value < 90) { notify(); value = 90 }
  }
  obj.value = value
}

Comments

[Speakea1y1289]

Работает. Ещё вопрос. Когда я ввожу значение value в input, входящее в условие для value, то текст "Дома рассчитываются индивидуально!
" появляется, но, когда я ввожу после этого значение, уже не подходящее условию, то надпись не пропадает, что нужно сделать, чтобы пропадала?

[Денис Грибанов]

Нужно добавить условие на неподходящее значение (т.е. значение нужно очищать)

[Speakea1y1289]

gribanov2la, Сделал следующий код:

Почему, если в поле "Внутреняя площадь дома, м2" вбивать значение больше 300 м2, то уведомление сверху не вылезает? На данный момент сообщение вылезает, если ввести значение меньше 90 или 120 (в зависимости от указанного этажа)

[Денис Грибанов]

Попробуйте так

function isright(obj)
{
  var value= +obj.value.replace(/\D/g,'')||0;
  var notify = function (mess) {
    document.getElementById('inner_area').innerHTML = mess;
  }
  var numFloors = document.getElementById('num_floors').value;
  var maxValue = 300
  var minValue = numFloors === 2 ? 120 : 90

  if (value > maxValue) {
    notify("Дома рассчитываются индивидуально!<br>");
    value = maxValue;
  } else if (value < minValue) {
    notify("Дома рассчитываются индивидуально!<br>");
    value = minValue;
  } else {
    notify("")
  }

  obj.value = value;
}