Can't complete Check Radio Buttons and Checkboxes by Default?

HTML-CSS
1

Tell us what’s happening:
So the tasks are as follows:
Your first radio button on your form should be checked by default.

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

You should not change the inner text of the Indoor label.

You should not change the inner text of the Loving label.

But this is contradictory? I cannot set those first checkboxes and radio buttons to checked without changing the inner text of them?

  **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; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36

Challenge: Check Radio Buttons and Checkboxes by Default

Link to the challenge:

2

No, the “inner text” is the text, the letters on the screen after the checkbox. Whether or not the box is checked. Yes, you will have to change the code, but you don’t want to change the text that displays on the screen. For example, in the first checkbox, the inner text is “Indoor”. Don’t change that. Just add the attribute that makes it default to checked.

3

Ah I see, I think it was just glitching or not working for me as I had done it correctly, but still was saying i had changed the inner text, even though I hadn’t touched it

4

Yeah, a lot of people have had an issue with this challenge. I don’t know if there is a specific browser extension that is causing a problem.

5

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