Верстка рейтинга

Рейтинг: 0Ответов: 1Опубликовано: 06.04.2023

Подскажите пожалуйста как правильно верстать систему рейтинга. Просто я не понимаю как правильно и задавать эти звезды, тип кнопкой или ссылкой? И что должно происходить при нажатии? Если можно по подробнее просто не шарю... введите сюда описание изображения

Ответы

▲ 0

Добавить каждой звезде 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 отправки данных на сервер или что либо в том же духе

Лучше сделать звезды кнопкой, но это не сильно принципиально

Надеюсь, что правильно понял ваш вопрос!