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

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>

What is your full current code?

1 Like
 <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>

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.

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>

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.

1 Like

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. :grinning:

1 Like

Thats the full code above

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.

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.

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>

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

2 Likes

I have battling it, its still not moving forward

It would help to see your updated code.

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>

@jwilkins.oboe please help

You have not fixed all the issues pointed out in this post

Other than those, also this:

this needs to start with a capital L

Thanks, got it right now, i really appreciate your help @jwilkins.oboe @ilenia @JeremyLT , thanks

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