Checkbox challenge question

Tell us what’s happening:
i think im right in this programming but its not working please someone help me to crack this.
indoor
outdoor

it is not working

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://bit.ly/fcc-relaxing-cat" 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="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" value="indoor"> indoor </label>
  <label><input type="radio" name="indoor-outdoor" value="outdoor"> outdoor </label><br>
  <label><input type="checkbox" name="personality" value="loving"> Loving</label>
  <label><input type="checkbox" name="personality" value="lazy"> Lazy</label>
  <label><input 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 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes

Apparently it doesn’t like your lowercase indoor and outdoor after the input tags.

Here’s the example given on how to create a radio button:

“label for=“indoor”
input id=“indoor” type=“radio” name=“indoor-outdoor”>Indoor
label”

Your you just forgot to give your input id then match it with the for attribute in label

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