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

Question

[Sp1keazyYT]

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

Где, если поменять значение в поле "Внутренняя площадь дома, м2 *" со стандартного (120) на 1350 (к примеру), сработает функция refresh() для изменения значения на удовлетворяющее условию, то есть на 300. Также на этот инпут навешано событие onchange с исполнением функции changeText(), которая выводит значение инпута "Внутренняя площадь дома, м2 *"
Загвоздка в том, что выводится значение нарушающее условие, то есть 1350, вместо 300. Почему так происходит?

Comments

[user49981]

Потому что в коде так написано, если знаечение в диапазоне от 120 до 300 срабативает последний else, которий не изменяет переменную

[Sp1keazyYT]

user49981, Пардон, как раз, если написать 135, то будет всё нормально, но если забить число 1350, то и передастся значение, но без срабатывания условия, а должно написать 300

[Sp1keazyYT]

DanKud, Я ошибся, попробуй написать число 1350, тогда всё сам увидишь!

[DanKud]

Sp1keazyYT, ну так все правильно. Событие change наступает сразу при изменении значения, следовательно в alert выводится то значение, которое было указано. И только потом срабатывает функция refresh(), которая изменяет значения исходя из условий. Вы чего конкретно то хотите добиться?

[Sp1keazyYT]

DanKud, Чтобы выводилось 300, а не 1350.

[Sp1keazyYT]

DanKud, Ну то есть срабатывало сначала refresh, а потом changeText

[user49981]

Sp1keazyYT,

function changeText() {
 setTimeout(function(){ alert(area.value); }, 1);
}

[Sp1keazyYT]

Работает, благодарю!

[Sp1keazyYT]

user49981, DanKud, Помогите пожалуйста ещё. Как сделать, чтобы при изменении инпута, с эффектом - плавно менялось число в другом месте, то бишь в теге a с id="total_area"?

То есть сейчас выводится в самом нижу число 120 и надо, чтобы при изменении в input со 120 на 135, число также менялось снижу только не резко, а плавно.

[Sp1keazyYT]

Типа такая анимация - https://impuls-web.ru/kak-sdelat-plavnoe-poyavleni...

[DanKud]

Sp1keazyYT, ну раз уж JQuery используете то можно просто:

function changeText() {
    setTimeout(function(){ $('#total_area').hide().fadeIn(3000).html(area.value); }, 1)
}

[Sp1keazyYT]

DanKud, Спасибо, подскажите пожалуйста ещё, почему на данной странице сайта, где идёт надпись "Рассчитайте стоимость...", почему склеились 2 серые таблицы, если я их разделил col-md?