Skip to content
Submitted about 2 years ago

interactive-rating-page-using-vanilla js

Victor imafidon•590
@Osauyi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

feedback appreciated. working on the JavaScript code was.......very hard, the part of marking the buttons interactive was on another level, couldn't find the answer for days and there was many many WET codes. ( document.querySelector(...) is null). i always got this error when moving to the next page, and its still there i just chose to ignore it. please if there another method of writing the rating button js code let me know.

Thanks

Community feedback

  • Bhushan•150
    @lurnfxPosted about 2 years ago

    Hi buddy nice one your solution is great you can use forEach method for loop-over buttons clickedbutton.forEach(function (rate){ rate.addEventListener("click", () => { //Your code for display code to next page }) });

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord