Learn HTML by Building a Cat Photo App - Step 57

HTML-CSS
1

Tell us what’s happening:
I added everything I was`told to. but I still get an error message saying I need I need to add a new check box.
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>

<!-- User Editable Region -->

            <input id="loving" type="checkbox"> nane= "personality" <label for="loving">Loving</label>

<!-- User Editable Region -->

          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

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

Challenge: Learn HTML by Building a Cat Photo App - Step 57

Link to the challenge:

2

I edited your post to make it more readable.

So, the name attribute has not been added correctly. I think this link will help you figure things out

3

I did as asked in the instructions and am told I need to add a new checkbox. I’ve done that. So what’s wrong with my code?


<input id="loving" type="checkbox" type="checkbox" id="lazy" name="personality"<label for="loving"> name="personality"> <label for="loving">Loving</label>
4

I used the code you posted, and made the challenge pass. Is your code any different from the code above? Because using your code, I get a different error message can you copy and paste your error message here? With the code you provided the issue is the name attribute for the checkbox element, and the link I gave shows you how to do it correctly

If your code is different from above. Then please paste your entire new code here using the format button </>

5

<input id="loving" type="checkbox" <label for="lazy> id="lazy" type="checkbox" name="personality" name="personality"> <label for="loving">Loving</label>

It says I need to add a new checkbox and I’ve done that. I don’t know where my error is.

6

The code you just put passes the challenge for me. If you have any extensions running right now like ad blocker or dark mode, those can cause challenges to fail from time to time. I would check if you have any extensions running right now. If that doesnt work then I would suggest trying to submit the challenge on a different browser

7

<input id=“loving” type=“checkbox” id=“lazy” type=“checkbox” name=“personality” Loving
This is my code. I’ve changed browsers for google to Microsoft edge and I’ve disabled all extensions and i am still getting the error message that I need to add a new checkbox.

8

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