I'm afraid this all needs rewriting. This challenge is designed to teach essential foundations in how to work with forms. This must be a form with a fieldset of radio inputs. You'll need to learn how to custom style the radios and keep them accessible. There is no need for any click listeners anywhere, just a single submit listener. It only needs a very few lines of JS.
You can get the selected radio value from the form data inside the submit event. It will be something like ${form.rating.value}
(if the radios have name="rating"
). MDN docs are very good for going through how to use different form and input elements and their data from submit.
Try and get the html right first. Then CSS. Then JS.
Good luck.
Marked as helpful
@AliMohamed35
Posted
@grace-snow
Wow, didn't realize that actually thought that doing it that way is going to be easier and give us the desired goal. but, thank you for you comment, I'll re-do it again and read more about what you told me
Thank you again,