Help with Survey project, user story #13

Hi, I would appreciate if someone can explain to me why my answer is mark as invalid. I have found an answer that works looking around in this forum, but just by comparing both answers I am not learning what is wrong with mine.

This is the error i get:

13. Inside the form element, I can select a field from one or more groups of radio buttons. Each group should be grouped using the name attribute. Each radio button must have a value attribute.

All your radio-buttons must have a value attribute : expected 3 to equal 2
AssertionError: All your radio-buttons must have a value attribute : expected 3 to equal 2

This is my code:

This is one of the answers which i found to work:

By comparing both answers, clearly the problem seems to reside in how I used the label tags. The thing is that I used one label for each radio button with matching id and for attribute values because that is what we are told to do in this challenge:

What is the problem of doing it the way I did? I see what is wrong but i would like to understand why it is wrong.

Here is a link to my survey project in case you need it:

I clicked on your CodePen link and it shows that you are passing now. Do you still need help?

Yes i need help. the solution that i have on my CodePen is one i found in another topic on this project.
What i would like to know is why the answer i came up with doesnt work.
I uploaded my old answer as an image in this topic.

Edit: I have now updated my CodePen so that it shows my old wrong answer.

Spelling is the answer. You have vaule
The first two times you spelled it correctly, the third time has the misspelling.

As an aside, do not use the <br> element to force line breaks or spacing. That’s what CSS is for.

1 Like

Thanks!!! that solved it.

I swear before making the topic i spent a lot of time looking for spelling mistakes and that sort of things…

And thank you for the additional comment, from now on I will use CSS for that.

1 Like