Interactive Rating Component built with HTML5, CSS3 and Vanilla JS

Community feedback

• 

  Fazza Razaq Amiarso•2,340

  @fazzaamiarsoPosted over 2 years ago

  Hello Kayden! Nice work!

  Your SVG works fine on my browser.

  I have a quick tip for you to quickly iterate an array instead of using for loop.

  $RATINGS.forEach(rating => {
  rating.addEventListener("click", ratingOption);
  }).
  

  Please refer to this https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

  I hope it helps! Cheers!

  Marked as helpful

  0

  ---

  

  Giang Nhật Khánh (Kayden)•150

  @KaydenGiang2512Posted over 2 years ago

  @fazzaamiarso thank you for your feedback. I just double-checked and my SVGs are rendering properly now. Don't know why it disappeared in the first place but front-end can be confusing at times. Also, the forEach is a great tip!

  0
• 

  Giang Nhật Khánh (Kayden)•150

  @KaydenGiang2512Posted over 2 years ago

  Can someone please help me figure out why the SVGs aren't showing on my website? It's been driving me crazy so if anyone can clarify this for me, that would be awesome!

  0