Tell us what’s happening:
I’m currently working on the Cat Photo App challenge, specifically on Step 44, and I’ve run into some issues with my code.
Here’s what I have so far:
I’m trying to create a radio button for “Indoor” and a text input field for the cat’s name, but I’m not sure if I’ve structured it correctly or if I’m missing something. When I test it, it doesn’t seem to work as expected.
If you could take a look and provide some guidance or suggestions on what I might be doing wrong, I’d greatly appreciate it.
Thank you for your time and assistance.
Your code so far
<!-- User Editable Region -->
<input type="radio" name="cat_type" value="indoor"> Indoor
<input type="text" name="cat_name">
<!-- User Editable Region -->
Your browser information:
User Agent is:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/18.104.22.168 Safari/537.36 Edg/116.0.1938.62
Challenge: Learn HTML by Building a Cat Photo App - Step 44
Link to the challenge:
I think you should check the name attribute also the closing of the input is not correct Indoor
I think you should reset the challenge because from what i am seeing, even i am confused.
This is what i am entering
You should create an
input element for your radio button. Check the syntax.
I hope you’re doing well. I wanted to reply to your message about resetting the challenge. I understand your concern, and I appreciate your input.
However, I’ve invested quite a bit of time and effort into this challenge, and I believe that persevering through tough times is an essential part of learning and growth. While it has been challenging, I’ve also made significant progress, and I’m determined to see it through to the end.
I value your support and encouragement, and I’m confident that I can overcome the difficulties I’m facing in this challenge.
Thank you for understanding, and I look forward to completing this challenge successfully.
Spoken like a true developer
Where did you get the directions for the value and name? Those are not in the challenge directions from what I can tell. You should only do what the directions tell you
Also in your screenshot you are not giving the radio button any text. Look at the challenge example again
In the future please post all your code not just part of it
I appreciate your feedback and patience. I followed the instructions as provided, but it seems there might be an issue with the code. Can you please highlight any mistakes or provide further guidance on how to correct it? Your assistance would be greatly appreciated.
Here’s the HTML code I used:
Once again, I apologize for any confusion, and I’m grateful for your help in resolving this matter. If there are any specific adjustments I should make, please let me know.
Thank you for your assistance.
Where do you see the directions for giving the radio button a name and value? From what I can see the only thing you need according to the instructions are
“Before the text input, add a radio button with the option set as:
Why is the radio button nested in a label? You also made unnecessary changes to the text input. You have made a lot of additions/changes thats the directions never asked for. The best thing you can do is reset the challenge and get everything back the way it needs to be. Then only add the radio button. Dont give it a name, or a value. Just do exactly what the challenge asks you to do