Добавить каждой звезде id (1,2,3,4,5), но так же можно присваивать ID по типу: star1, star2 и т.д. Просто потом получать цифру. Потом используя javaScript обработать нажатия на них, для изменения кол-ва активных звезд.
// Получаем звезды
const stars = document.querySelectorAll("star")
// Обрабатываем нажатие:
stars.addEventListner("click", (e) => {
e.preventDefault()
let starID = e.target.id
// Перебор звезд
for(let i = 0; i < stars.length; i++){
if(stars[i].id > starID){
// Изменение класса на неактивный
stars[i].setAttribute('class', 'star_disabled')
}
}
}, false)
// После этого можно добавить callback отправки данных на сервер или что либо в том же духе
Лучше сделать звезды кнопкой, но это не сильно принципиально
Надеюсь, что правильно понял ваш вопрос!