Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive Rating

@kowai-onigiri

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

@mario994

Posted

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

Marked as helpful

0

@kowai-onigiri

Posted

@mario994 Thank you so much!

0

@Abdulmojeed58

Posted

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
Discord logo

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