Звездный рейтинг для мобильной версии сайта - HTML, CSS - Ответ 8928894

var stars = document.querySelectorAll(".star");
for(var i = 0, l = stars.length; i < l; i++){
    stars[i].addEventListener("click", function(){
    setStars(this);
    this.parentNode.querySelector(".rate").classList.add("show");
    this.parentNode.querySelector(".clear").addEventListener("click", clear);  
    this.parentNode.querySelector(".rate").addEventListener("click", rate);
  })
}
 
 
function setStars(star){
    var stars = star.parentNode.querySelectorAll(".star");
  var rating = 0;
  for(var i = 0, l = stars.length; i < l; i++){
    stars[i].classList.remove("selected");
  }
  for(var i = 0, l = stars.length; i < l; i++){
    if(+(stars[i].getAttribute("data-rating")) <= +(star.getAttribute("data-rating"))){
        stars[i].classList.add("selected");
      rating++;
      star.parentNode.setAttribute("data-rating", rating);
    }
  }
}
function clear(){
    var stars = this.parentNode.querySelectorAll(".star");
  var rate = this.parentNode.querySelector(".rate");
   for(var i = 0, l = stars.length; i < l; i++){
    stars[i].classList.remove("selected");
  }
  rate.classList.remove("show");
}
function rate(){
    alert("item rating: " + this.parentNode.getAttribute("data-rating"));
}