Correction of coding error

Tell us what’s happening: i do get this error message" // running tests One of your checkboxes should have the value attribute of energetic, kindly profer solution, thanks

Your code so far
Indoor
Outdoor

Loving
Lazy
energetic


<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 for="indoor"><input id="indoor" value="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
  <label for="outdoor"><input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" value="loving" type="checkbox" name="personality"> Loving</label>
  <label for="lazy"><input id="lazy" value="lazy" type="checkbox" name="personality"> Lazy</label>
  <label for="energetic"><input id="energetic" value="energetic" type="checkbox" name="personality">energetic</label>
  <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.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36 OPR/65.0.3467.78.

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

Hello and welcome to the forum :grin:!

It seems the validator is a little picky about this one. I would suggest to reset the code (click the button Reset All Code) and just add the value="" attribute that corresponds to each input, nothing else (you added the label for attribute and the id for each input).

Try that and see what happens (it worked for me, at least).

The problem is the lowercase “energetic” label text. I don’t think the added attributes cause it to fail.

But yes, if you reset the code, the “energetic” label will go back to the original “Energetic”. :slight_smile:

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

when i changed the label from energetic to Energetic it worked