Interactive Rating

Community feedback

• 

  Gideon Chidi•390

  @gideon-delPosted over 2 years ago

  Hi Jack. The card is really nice 👍.

  I suggest that you add a focus class on the buttons.

  rate:focus {
  /* Your style*/
  }
  

  Add an for..in loop to your rateBtn variable and add event listener that will store the textContent in Number format of the button

  for (let i = 0; i < rateBtn.length; i++) { 
     rateBtn[i].addEventListener("click", function () { 
       rate = Number(rateBtn[I].textContent); 
     }); 
   }
  

  Marked as helpful

  0

  ---

  

  Jack•490

  @Jack-WebDevPosted over 2 years ago

  @gideon-del i'll give it a shot

  0

  

  Jack•490

  @Jack-WebDevPosted over 2 years ago

  @gideon-del what about my active? It's not being added

  0

  

  Gideon Chidi•390

  @gideon-delPosted over 2 years ago

  @Jack-WebDev Instead active use the focus to add the orange background, so that when the user clicks the button it will turn orange but when it is not focused it will go back to the original colour

  Marked as helpful

  0