I am stuck and can’t move forward from here. Can anyone help?
**Your code so far**
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<section>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section>
<section>
<h2>Cat Lists</h2>
<h3>Things cats love:</h3>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure>
<h3>Top 3 things cats hate:</h3>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
<section>
<h2>Cat Form</h2>
<form action="https://freecatphotoapp.com/submit-cat-photo">
<input text="radio"> cat
<input type="radio" name="Indoor" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</section>
</main>
</body>
</html>
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.101 Safari/537.36
Challenge: Learn HTML by Building a Cat Photo App - Step 43
Link to the challenge:
Welcome to the forum!
Sure. What questions/issues do you have about htis challenge step?
I can’t figure-out how to add the radio button with the word “cat.” Every way I try is rejected…
take a look at the task once more
You need to add radio button with the Indoor
text
The one with the cat text - it’s example
I changed cat to Indoor…
It still doesn’t accept my code. It states, “Your new input element should be above the existing input with type attribute set to text. You have them in the wrong order.”
I don’t understand what they mean.
Need to see your new code then.
You can paste it in your reply
MJSuttles:
Here’s my code:
Indoor
unfortunately I can’t see your code here. Try to format it, use instruction I posted above.
MJSuttles:
text="radio"
compare this to
MJSuttles:
type=“radio”
What’s different?
MJSuttles:
<input type="radio" name="Indoor" placeholder="cat photo URL" required>
You should not change the text input element at all.
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>
) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
<form action="https://freecatphotoapp.com/submit-cat-photo">
<input text="radio"> Indoor
<input type="radio" name="Indoor" placeholder="cat photo URL" required>
MJSuttles:
[quote="JeremyLT, post:9, topic:549242, full:true"]
[quote="MJSuttles, post:7, topic:549242"]
`text="radio"`
[/quote]
compare this to
MJSuttles:
type=“radio”
What’s different?
MJSuttles:
<input type="radio" name="Indoor" placeholder="cat photo URL" required>
You should not change the text input element at all.
This gives me the following error:
Test
Sorry, your code does not pass. Don’t give up.
Hint
You should create an input
element for your radio button. Check the syntax.
<form action="https://freecatphotoapp.com/submit-cat-photo">
<input type="radio" name="Indoor" placeholder="cat photo URL" required>
I don’t understand the changes you made.
Where did the radio button go?
You still need to put the text input back the way it was originally.
<form action="https://freecatphotoapp.com/submit-cat-photo">
<input text="radio"> Indoor
<input type="radio" name="Indoor" placeholder="cat photo URL" required>
This gives me this error:
Test
Sorry, your code does not pass. Try again.
Hint
Your new input
element should be above the existing input
with type
attribute set to text
. You have them in the wrong order.
MJSuttles:
text="radio"
This is still wrong. The example uses a type
attribute, not a text
attribute.
This still is not the original text input element. You must reset this line to what it was before.
<input text="radio"> Indoor
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
I restarted the entire step to get the original text input element (I think) and added Indoor above it. What now?
You need to fix this.
Can you point to the spot on the screen that says text="radio"
? The part text
is not correct.
system
Closed
March 1, 2023, 10:41am
21
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.