Submitted over 2 years ago

Interactive Rating w/CSS-HTML-JS

Johnsonworld•60

@Johnsonworld

Preview site View code

This is a solution for...Interactive rating component

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

My main struggle with this piece was getting the buttons to only show one active button. I did attempt to use radio buttons and customize them but couldn't get that right - prob because all the surrounding code was built and there was a conflict somewhere. I'll do that on the next challenge. I was pretty pleased that I was able to complete it in the end!

I'm open to any feedback, esp around the JS functions, as this was my first CSS-HTML-JS integrated challenge. I wish it would have been cleaner and more efficient but now I know some JS areas I need to revisit in learnings.

**Updated to include "close" button on end state screen per suggestion from Kamasah-Dickson (thanks!)

Thanks & Cheers!

Community feedback

Kamasah-Dickson•5,590
@Kamasah-DicksonPosted over 2 years ago
Your solution looks so great but what if I want to go back...do I need to refresh anytime. Well that's not a big problem

But god job there📌 Keep coding👍
Marked as helpful
0
Johnsonworld•60
@JohnsonworldPosted over 2 years ago
@Kamasah-Dickson Thanks for the feedback! I went back and added a close button for the "Thank you" page, which gets one back to the rating page. Appreciate it!
1

Please log in to post a comment

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