Skip to content
Submitted over 2 years ago

Interactive Rating

Alexis Chambers•70
@kowai-onigiri
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

The one issue I would like to continue working on is making sure that the user can only choose one rating (only one number button click will be logged and passed into the display number.

Community feedback

  • Mario Andrés Rosero Saza•50
    @mario994Posted over 2 years ago

    Hi, I start a new pull request to your project.

    Marked as helpful
    0
    Alexis Chambers•70
    @kowai-onigiriPosted over 2 years ago

    @mario994 Thank you so much!

    0
  • Abdulmojeed Ayoola•80
    @Abdulmojeed58Posted over 2 years ago

    I can relate 100%

    Try and use the target event Add an event listener to the overall card, then target the button.(use e parameter)

    document.querySelector(“.card”).addEventListener((“click”, (e) => { If(e.target.classList.contains(“btn”) { //your function } });

    Marked as helpful
    0

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