Как стилизировать и очистить input на ходу?

Question

[Mr. Pavlyukov]

Имеем много input. Они все в модальном окне.

spoiler

Когда я открываю popup у меня все input с placeholder. Суть в том, чтобы я через эту иконку справа мог отслеживать заполненность поля.
Если input пустой всё так и есть.
Если в input хоть один символ, иконка меняется цвет на более темный(ну это ясно как) и с помощью её можно было очистить поле. Я так понимаю, что у меня не выходит по этому примеру:

jsfiddle.net/9SrLR/92
Потому что как и там, так и у меня value - его как будто нет. Я же не могу туда прописать уже нужный текст(если прописываю, оно работает)

Очень прошу помощи.

Answer 1

[Алексей Захаров]

вы проверяете value при загрузке страницы, естественно оно пустое, нужно повесить обработчик на ввод и дальше уже проверять
быстрый пример по вашему коду
jsfiddle.net/pch4mhk6

Answer 2

[lega]

https://jsfiddle.net/lega911/f0bdx9fv/

Comments

[lega]

вот если первичное брать из value https://jsfiddle.net/lega911/4z4sesw5/

[lega]

альтернатива 1-му варианту: https://jsfiddle.net/lega911/oj9vsdjt/