Как сделать звездный рейтинг с вводом значений?

Question

[bett22]

Подскажите пожалуйста как сделать что-бы инпут взаимодействовал со звездами, то-есть если в инпут написали 4 то и окрашенных звезд 4. Сейчас звезды меняются если в value через html задать цифру. Спасибо

Comments

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

Вам для начала надо сделать так, чтобы сами звёзды работали нормально.

Answer 1

[Дмитрий Кузнецов]

Необходимо повесить событие на инпут и в зависимости от числа выводить n-ое количество звёзд.

Comments

[bett22]

А не подскажите какое событие? я еще не очень разбираюсь в jquery и js

[Дмитрий Кузнецов]

bett22, советую почитать: https://learn.javascript.ru/events-change.
И на мой взгляд следует сразу отказаться от jQ, так как такой функционал легко реализовать через ванильный JS. Да и подтягивать jQ для мелких нужд не особо резонно.

[bett22]

Дмитрий Кузнецов, спасибо, почитал и переписал на ванильный js и все работает)

[Дмитрий Кузнецов]

bett22, не за что! Удачи вам в ваших начинаниях.