Interactive rating component using HTML, CSS and Javascript

Community feedback

• 

  rita•280

  @ritadoumetPosted over 2 years ago

  That's a good start on this website! The design is very close to the requirements, you nailed this! However, there are a few points that you might want to improve: 1- Responsiveness. Your website looks great on a phone screen, but it looks stretched out on a desktop screen. Try optimizing your CSS and making your website responsive. 2- Make it that only one number is selectable in the feedback section. Other than that, good job!

  Marked as helpful

  1

  ---

  

  Taglialatela•20

  @thibauttaglialatelaPosted over 2 years ago

  @ritadoumet Thank you for this comment.

  I saw about the fact that an user can select more than one element but I didn't find how to correct this problem.

  But I am going to post another solution if I find the soluce.

  0

  

  rita•280

  @ritadoumetPosted over 2 years ago

  @thibauttaglialatela I checked your javascript code. You just need to change your approach in the "onClick" function. When a rate div is clicked, make a loop to color ALL OF ITS PRECEDENTS in orange, and ALL OF ITS SUPERIORS in black. Other than that the code is fine 😊

  Marked as helpful

  1

  

  Taglialatela•20

  @thibauttaglialatelaPosted over 2 years ago

  @ritadoumet Thank you for the tip but I didn't find how to make this loop with my code. It's maybe too high above my javascript level.

  0
• 

  idukpaye alex•725

  @Esesosa-maxPosted over 2 years ago

  Good for a first challenge. The website looks good on mobile but on Desktop it is not good. I . The width you gave is too much on Desktop try give it a width of 350px`. But you tried and you did your best, Nice efforts. I have a youtube channel where i teach JS,HTML,CSS. I did a video on this challenge check it out LINK. In my youtube channel you can learn a lot of good stuff.

  0