Submitted about 2 years ago

Interactive rating component using HTML,CSS (with a little javascript)

Taskin Sultana• 190

@TaskinSultana

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Interactive rating component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

It's my first ever javascript challenge...I know I didn't justify this challenge because i have skiped few features....but I really hope you people are gonna like it....now let me come to the problems...In this challenge, you have to select the 1,2,3,.... buttons and then click to the submit button ..then it gonna take you to the new modal...i don't know how to select individual buttons and change its background color ....so i need solutions for it.....and also need tricks and tips about javascript... Please do tell me if I have made any mistake....and I'd be grateful if you can give me some feedbacks to improve 🙏

Community feedback

Neil Kanakia• 300

@neilk17

Posted about 2 years ago

Hey @TaskinSultana,

Congrats on your first solution!

I had the same issue while doing this challenge, but I figured you can change the elements color through DOM Manipulation, by changing the background color after clicking a function.

Also the sizes on your buttons is a little off, so for the 1 - 5 buttons try using the html button tag instead of the <a> tag.

Although its not perfect, feel free to take a look at my code here: https://www.frontendmentor.io/solutions/responsive-solution-to-interactive-rating-zemLMYJU2i

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