I dont why i cant go forward from here, all the code are correctly typed

bickyseun · August 10, 2021, 1:57pm



  <label for="loving">
  <input id="loving" value="loving" type="checkbox" name="loving">loving
</label>
<label for="lazy">
  <input id="lazy" value="lazy" type="checkbox" name="lazy">lazy
  </label>
  <label for="energetic">
  <input id="energetic" value="energetic" type="checkbox" name="energetic">energetic
  </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://www.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="https://www.freecatphotoapp.com/submit-cat-photo">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
  <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>
<label for="loving">
<input id="loving" value="loving" type="checkbox" name="loving">loving
</label>
<label for="lazy">
<input id="lazy" value="lazy" type="checkbox" name="lazy">lazy
</label>
<label for="energetic">
<input id="energetic" value="energetic" type="checkbox" name="energetic">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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 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-checkboxesPreformatted text

JeremyLT · August 10, 2021, 1:58pm

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

bickyseun · August 10, 2021, 1:59pm

This the problem and all my code are correctly typed as instructed
One of your checkboxes should have the value attribute of loving .

One of your checkboxes should have the value attribute of lazy .

One of your checkboxes should have the value attribute of energetic .

  <label for="loving">
  <input id="loving" value="loving" type="checkbox" name="loving">loving
</label>
<label for="lazy">
  <input id="lazy" value="lazy" type="checkbox" name="lazy">lazy
  </label>
  <label for="energetic">
  <input id="energetic" value="energetic" type="checkbox" name="energetic">energetic
  </label>

jwilkins.oboe · August 10, 2021, 2:03pm

You are not supposed to create new labels.

You need to add the value attributes to the existing radio buttons and checkboxes.

Reset the lesson and try again.

bickyseun · August 10, 2021, 2:37pm

I did you said, it was written correctly but its showing error also, below is my code

 <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="outdoor-indoor"> outdoor</label><br>
    <label for="loving"><input id="loving" value="loving" type="checkbox" name="loving"> loving</label>
    <label for="lazy"><input id="lazy" type="checkbox" name="lazy"> lazy</label>
    <label for="energetic"><input id="energetic" value="energetic" type="checkbox" name="energetic"> energetic</label><br>

JeremyLT · August 10, 2021, 2:38pm

What is your full current code?

bickyseun · August 10, 2021, 2:39pm

 <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="outdoor-indoor"> outdoor</label><br>
    <label for="loving"><input id="loving" value="loving" type="checkbox" name="loving"> loving</label>
    <label for="lazy"><input id="lazy" type="checkbox" name="lazy"> lazy</label>
    <label for="energetic"><input id="energetic" value="energetic" type="checkbox" name="energetic"> energetic</label><br>

JeremyLT · August 10, 2021, 2:40pm

So that is absolutely every piece of code in the editor on the right side of your screen? You seem to have deleted the majority of the starting code, which is probably causing problems with the test suite.

bickyseun · August 10, 2021, 2:42pm

I didnt deleted anyone, i just inserted the value
below is the full code

 <form action="https://www.freecatphotoapp.com/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="outdoor-indoor"> outdoor</label><br>
    <label for="loving"><input id="loving" value="loving" type="checkbox" name="loving"> loving</label>
    <label for="lazy"><input id="lazy" type="checkbox" name="lazy"> lazy</label>
    <label for="energetic"><input id="energetic" value="energetic" type="checkbox" name="energetic"> energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

JeremyLT · August 10, 2021, 2:43pm

If that is the full and entire code on the right side of your screen, then you certainly have deleted a bunch of things you should not have.

Here is the original code:

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

  <a href="#"><img src="https://www.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="https://www.freecatphotoapp.com/submit-cat-photo">
    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
    <label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
    <label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

You should restore the parts that you seem to have removed.

You should also make sure you use the actual original radio buttons and checkboxes. You seem to have modified the text inside of these ( indoor vs Indoor for example). Little changes like that confuse the test suite and make it hard for the tests to find your changes.

jwilkins.oboe · August 10, 2021, 2:52pm

It is always best to share your entire code so we can test it and assist you better.

Otherwise, we won’t be able to see the full issue for ourselves and help you with this challenge.

bickyseun · August 10, 2021, 4:40pm

Thats the full code above

bickyseun · August 10, 2021, 4:47pm

jwilkins.oboe · August 10, 2021, 4:48pm

On the small portion you showed us, you changed the text in these places

You need to read @JeremyLT 's post and see that the text starts with a capital letter.
For example

Also your input for lazy is missing a value attribute.

jwilkins.oboe · August 10, 2021, 4:53pm

There is some confusion on what we mean by FULL code.

We don’t want you to just post the code you wrote.
We want you to post the entire code which is 28 lines of code.

Just like @JeremyLT did a few posts earlier.

Right now,
I am also assuming that you did not add extra lines of code you weren’t supposed to.

Hope that is clearer now.

bickyseun · August 10, 2021, 5:13pm

This the FULL code, i did add the value attribute but its still not working

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

  <a href="#"><img src="https://www.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="https://www.freecatphotoapp.com/submit-cat-photo">
    <label for="indoor" value="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> indoor</label>
    <label for="outdoor" value="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> outdoor</label><br>
    <label for="loving" value="loving"><input id="loving" type="checkbox" name="personality"> loving</label>
    <label for="lazy" value="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
    <label for="energetic" value="energetic"><input id="energetic" type="checkbox" name="personality"> energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

jwilkins.oboe · August 10, 2021, 5:38pm

The value attributes are supposed to be inside the inputs.
Not the labels.

You did that correctly earlier, but then you changed it.
Make sure the value attributes are in the correct tag.

For example,

<input value="indoor"

As mentioned earlier, you need to capitalize the first letter of each of the words here.

This needs to start with a capital I

This needs to start with a capital O

This needs to start with a capital L

This needs to start with a capital E

bickyseun · August 12, 2021, 10:13am

I have battling it, its still not moving forward

jwilkins.oboe · August 12, 2021, 11:35am

It would help to see your updated code.

bickyseun · August 12, 2021, 4:31pm

This is it

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

  <a href="#"><img src="https://www.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="https://www.freecatphotoapp.com/submit-cat-photo">
    <label for="Indoor"><input id="Indoor" type="radio" name="indoor-outdoor"> Indoor</label>
    <label for="Outdoor"><input id="Outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label for="Loving"><input id="Loving" type="checkbox" name="personality"> loving</label>
    <label for="Lazy"><input id="Lazy" type="checkbox" name="personality"> lazy</label>
    <label for="Energetic"><input id="Energetic" type="checkbox" name="personality"> energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>