You should not change the inner text of the Indoor label

Tell us what’s happening:
Describe your issue in detail here.
" You should not change the inner text of the Indoor

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

whats swrong?

label."

  **Your code so far**

<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"> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving"> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36

Challenge: Check Radio Buttons and Checkboxes by Default

Link to the challenge:

Can you provide the complete code that you’ve done?

this is de code:

<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"> Outdoor</label><br>

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

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

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

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

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

  </form>

</main>

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

When I run your code, I see the following failed test:

Your first checkbox on your form should be checked by default.

When I look at your first checkbox, I see this:

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

I do not see where you specify that it should be checked by default.

When I fix that, all the tests pass for me.

I put the checked in both lines but de error still going…

<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"> Outdoor</label><br>

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

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

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

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

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

That code passes for me.

If it doesn’t for your, copy the code, reload the page, paste the code, and try again. If that doesn’t work, please show us all of your code.

““

hello thanks for de help,
I add the code with the format you told me, I still don’t understand why when I put checked I told myself that I shouldn’t change the inner text of…

””

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"> Outdoor</label><br>
    <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving"> Loving</label>
    <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
    <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>```

The failing test says:

Your first checkbox on your form should be checked by default.

You did not do that. You did it for the first radio button but not the first checkbox.

Sometimes the “inner text” warning is because of an HTML error. But I’m not getting that error for the text you provided.

Thanks for everything, but the only error that keeps throwing me is that I don’t change the inner text… I’ll send you an image…
should i use another browser? i am using chrome

Please don’t take pictures of code. Please cut and paste the code so we can try it ourselves.

hanks for everything, but the only error that keeps throwing me is that I don’t change the inner text…
should i use another browser? i am using chrome
here is de code
this is what i get
Your first radio button on your form should be checked by default. OK
Your first checkbox on your form should be checked by default. OK
You should not change the inner text of the Indoor label. NOT OK
You should not change the inner text of the Loving label. NOT OK

<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"> Outdoor</label><br>
    <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
    <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
    <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

Well, that code passes for me.

At this point I say to reboot, reset the browser cached, try a different browser… There are also some browser extensions that can break test.

If you can’t fix it, just back out of this challenge and move onto the next.

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