@mihalymarcell86
Posted
Hello @rohananwaar,
it seems to me, that in the setActive()
function you are assigning a .selected-item
class to the element that was clicked on, however there is no such class defined in your CSS. This is probably why the color doesn't stay. You only set a hover state on the buttons, but that will revert once the mouse moves out from above the object.
I would also consider adding some error handling in this project. Note that when no rating is selected, you can still submit the form. Try to think of a way of preventing submission and alerting the user about the problem.
To make the application more accesible, make sure to include landmarks in the HTML (like <main>
and <footer>
). This makes it easier for assistive technologies to parse your page.
Nice one otherwise, keep up the good work!
Marked as helpful