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 Card

@cindykandie

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


I have a tiny issue with a shadow element appearing on my body as a separate div. I am not sure where it's coming from. Kindly help me out if you see something i don't. Thanks!

Community feedback

Ian Rioba 450

@Rioba-Ian

Posted

Hi Cindy, you might want to check that the user has clicked on the buttons before hitting submit. One of the ways you can do that is by setting data attributes to each of the li items. Once one of them is clicked you store the data in an array. If the array is empty you always set the submit to disabled otherwise you allow for submit. You can think of the js as something like this:

const dataItems = [] // array to store data from li items

if (!dataItems) return 

// otherwise submit 
// some code here...

Marked as helpful

1

@cindykandie

Posted

@Rioba-Ian Oh yeah, thank you! I will add that and a test too for the same. Highly appreciate your feedback.

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