Как получить нормальное значение input.value?

Question

[eternal_blue]

Здравствуйте, решил значит сделать простую анимацию для своего сайта: надпись в поле "Введите имя" отъезжает наверх, когда пользователь тыкает на это поле. И если пользователь тыкнул и ничего не ввел, т.е. убрал с элемента фокус, эта надпись должна снова приехать вниз. Внутренний текст поля снимал на событии onblur, ввел простую проверку: если значение input.value == ' ', верни надпись на место, иначе оставь ее сверху. Но тут возник казус: если просто нажать на инпут мышкой, а потом кликнуть в другое место, надпись не возвращается, т.е. в value этого инпута записалось какое-то значение. Но ведь он пустой! Проверил alertом. В чем может быть дело? Вот код:

const onBlurAnim = ()=> {
    if (input.value == ' ') {
        p.style.transform = 'translateY(1.3rem)'; //если инпут пуст, параграф возвращается вниз
    }
};

Comments

[WapSter]

if(input.value.trim())

Answer 1

[Алексей Уколов]

input.value == ' '— если в инпут введён пробел.

Comments

[eternal_blue]

Все заработало, большое спасибо. Надо было не ' ', а ''