Got stuck here plz help. Thanks

HTML-CSS
1

got stuck here please help, don’t know what to do next? thanks in advance

  **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" 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" 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>

Screenshot (5)
Screenshot (5)1920×1080 252 KB 

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.82 Safari/537.36

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

2

You have changed a lot of the original code, which is baffling the tests!

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

I’d back up and reset the code for the challenge. Then I would only add the five value attributes and change nothing else.

3

it doesn’t work at all plz i need whole in writing.

| JeremyLT Dungeon Master
February 8 |

  • | - |

Tejind2005:

  <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" 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>

You have changed a lot of the original code, which is baffling the tests!

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

I’d back up and reset the code for the challenge. Then I would only add the five value attributes and change nothing else.

4

Did you reset the code in the challenge? What is your new code?

5

Tell us what’s happening:
Describe your issue in detail here.
please help i’m stuck on this lesson for about 2 days now!

Screenshot (5)
Screenshot (5)1920×1080 252 KB 

  **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><input type="radio" name="bread" value="wheat"> Wheat</label>
<label><input type="radio" name="bread" value="ciabatta"> Ciabatta</label><br>
   <label for="indoor"><input id="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" 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>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.82 Safari/537.36

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

6

You didn’t reset the challenge and you added a bunch of extra stuff the challenge didn’t tell you to add.

You need to reset this challenge and stop adding stuff! Only add the value attributes.

7

Step 1: Reset the code. it’s the middle button.

Screen Shot 2022-02-09 at 10.27.37 AM
Screen Shot 2022-02-09 at 10.27.37 AM1128×584 37.2 KB

Step 2:
As Jeremy said

The instructions say:
Give each of the existing radio and checkbox inputs the value attribute. Do not create any new radio or checkbox elements. Use the input label text, in lowercase, as the value for the attribute.

The instructions also show an example of what it’s looking for AND gives you half the answer.

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

Compare the example to what the BASE code has:

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

So, you will want to change those to match the example, and then do the same thing to the other elements it’s asked you to.

8

didn’t do anything still same thing is there

| xoxoKaralee
February 9 |

  • | - |

Step 1: Reset the code. it’s the middle button.

Step 2:
As Jeremy said

JeremyLT:

Then I would only add the five value attributes and change nothing else.

The instructions say:
Give each of the existing radio and checkbox inputs the value attribute. Do not create any new radio or checkbox elements. Use the input label text, in lowercase, as the value for the attribute.

The instructions also show an example of what it’s looking for AND gives you half the answer.

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

Compare the example to what the BASE code has:

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

So, you will want to change those to match the example, and then do the same thing to the other elements it’s asked you to.

9

looking at your picture: on line 21 you are missing a closing quote (") after indoor.

10

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