Simple pure vanilla JS! 😁
I really enjoyed this one! I think its now time to go for a more challenging project 😎🔝
Please share with me your opinions! Suggestions are demanded & even simple positive comments are so much appreciated! 🥰
Hi Zeyad, that's a good one! I was checking and in order to add the hover effect when you pass the mouse over the number buttons you can add the pseudo class :hover like this:
#container main #submit #ratings .stars:hover { background-color: #fb7413; color: #ffffff; }
An when you have selected a number to rate you can detect with JS which button was pressed and add the gray color to it or viceversa when hovered.
If you want to check how to ahieve this you can see the JS code i did for this one, it may help: https://github.com/BryanCloudDev/rating-component/blob/main/scripts/index.js
Greetings!
It has been the fastest challenge I have done:), I will gladly appreciate any feedback you may provide to me!
Wow, thank you so much Raymart! I did not think about these bullets when creating the page, I will definetely change it and apply it for future proyects. I really appreciate the time you took in order to review my challenge:D.
