Interactive Rating Component

Community feedback

• 

  Abdelrhman khalil ali•310

  @abdelrhmanKh

  Posted almost 3 years ago

  First Of all congratulation on this awesome work 🥳

  There are many approaches to achieving this actually one of them is to put Eventlisner to click on the number and by default, the submit button has a class of disabled when the client clicks the button the function of the event start and removes the disable class and get the value of the button that is clicked on and you can access the btn selected using the event

  const rattedBtns = document.querySelectorAll(".option-bg")
  let submitBtn =  document.querySelectorAll("#submit-btn")
  let rated = 0;
  
  rattedBtns.forEach(btn=>{
        btn.addEventListener("click",(e)=>{
        // you could add data-target on your button to be easy to reach it but this will work for you       
          rated = e.target.children[0].innerText
          submitBtn.classList.remove("disable")
       })
  
  }
  

  I think the Idea Is Reached how it help 😅

  00