Checked is added but not working

Indoor

Go ahead, and Copy and paste the entire code from the Tutorial that you are working through Here, and pre format it.

To share code, you can use the Preformatted text button.
This allows you to share the Source Code :

Just select the code that you want to keep raw, and press the button.

top

The image on the right is raw code .


Then leave a link to the freeCodeCamp Tutorial that you are on.




Here is a copy of the code. I don’t have the icon you show here.

<h2>CatPhotoApp</h2>

<main>

  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

  <p>Things cats love:</p>

  <ul>

    <li>cat nip</li>

    <li>laser pointers</li>

    <li>lasagna</li>

  </ul>

  <p>Top 3 things cats hate:</p>

  <ol>

    <li>flea treatment</li>

    <li>thunder</li>

    <li>other cats</li>

  </ol>

  <form action="https://www.freecatphotoapp.com/submit-cat-photo">

    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>

    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor" checked> Outdoor</label><br>

    <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>

    <label for="lazy" checked><input id="lazy" type="checkbox" name="personality" value="lazy" checked> Lazy</label>

    <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic" checked> Energetic </label><br>

    <input type="text" placeholder="cat photo URL" required>

    <button type="submit">Submit</button>

  </form>

</main>

Thanks for your quick reply!

Go ahead and COPY & PASTE the freeCodeCamp Tutorial Address, and it wll create a link icon for you…

I see that icon in the reply.

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor" checked> Outdoor</label><br>
    <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
    <label for="lazy" checked><input id="lazy" type="checkbox" name="personality" value="lazy" checked> Lazy</label>
    <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic" checked> Energetic </label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>



IN THE FUTURE:
This can also be Done, By pressing :
GET HELP

Screenshot 2022-04-04 9.02.21 AM

CREATE A HELP POST:

Screenshot 2022-04-04 9.02.35 AM

Both the LINK and the TUTORIAL code will be generated for you.

The FIRST radio button and the FIRST checkbox should be checked.
You checked ALL.

Ok. So you understand the main Concept.

THE TUTORIAL ASKS US TO:
Set THE FIRST of your radio buttons and the first of your checkboxes to both be checked by default.

Instead of checking these:
Screenshot 2022-04-04 9.09.46 AM


GO AHEAD AND PRESS RESET


These buttons are the necessary ones to have checked:

image

Oh. I checked them all but Indoor is not working for some reason.

Go ahead and press RESET. And do it again.

I just did and it was accepted. Thanks!!

1 Like

There’s always someone here who can help you if you are having difficulty with your code.

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 (’).