Stuck on step 44 (radio buttons)

Hi I have been on step 44 for the last 20 minutes, I am not sure what i’m doing wrong here.

The question is: You can use radio buttons for questions where you want only one answer out of multiple options.

Here is an example of a radio button with the option of cat: <input type="radio"> cat. Remember that input elements are self-closing.

Before the text input, add a radio button with the option set as:

Indoor

I put:

Indoor input type=“text” Indoor name=“catphotourl” placeholder=“cat photo URL” required>

But showing as incorrect?

Can someone tell me what I am doing wrong here

To paste your HTML in here so we can see it you need to use the following method. Also, it is usually best to paste all of your HTML in here, not just the specific part you are working on.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

You want to use triple back ticks, not triple back slashes. If you can’t find the back tick on your keyboard then use the </> button in the menu editor bar that sits at the top of this editor.

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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">
       <Indoor<input type="radio" Indoor name="catphotourl" placeholder="cat photo URL" required>

@bbsmooth Thanks Bruce

Your code stops before it gets to where you added the radio button.

I have edited it. Have a check now please

1 Like

It looks like you are trying to put the existing text input inside the new radio button input you are trying to add?

I would reset the step to get the original HTML back. You should not change anything that is already there. The only thing you are doing is adding a new radio button input above the existing text input. Look again at the radio button in the instructions for an example of how to add a radio button.

Thanks Bruce I finally got it to work. Much appreciated brother :+1:

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.