Submitted over 1 year ago

Responsive Interactive Rating component main - HTML/CSS/JS

keziarkts• 370

@keziarkts

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

Hi 👋 My problem in this challenge is that when it comes to clicking "submit", the user has to click 2 times (instead of 1) to submit the review and for the "thank you" page to pop up.

So if someone can tell me where I went wrong or how to improve this specific part, I would be very grateful!

edit: problem resolved thanks to @anxhelino :)

Community feedback

anxhelino• 200

@anxhelino

Posted over 1 year ago

Hello, the solution to your problem would be to get rid of the if else statement on your showThanks function. Just leave it like this : function showThanks() { var divShowThanks = document.getElementById("thanks-state"); var divHideRating = document.getElementById("rating-state");

divHideRating.style.display = "none"; divShowThanks.style.display = "block"; getRating(val); }

Marked as helpful

keziarkts• 370

@keziarkts

Posted over 1 year ago

Hi @anxhelino, your solution works really well! Thanks a lot 😊

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