Learn HTML by Building a Cat Photo App - Step 49

HTML-CSS
1

Tell us what’s happening:

I must be stupid, I’ve been flying through everything but this has had me stuck for a while now. Any suggestions? Simple answers please, but cant fault a descriptive one either. Thanks

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

<!-- User Editable Region -->

          <label><input value="id="indoor" type="radio" name="value="indoor-outdoor"> Indoor</label>
          <label><input value="id="outdoor" type="radio" name="value="indoor-outdoor"> Outdoor</label>

<!-- User Editable Region -->

          <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/126.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 49

2

First, welcome to the forum.
In this step they wanted you to set the value attribute for the buttons.
So you just needed to say value= as you did above but then assign that to the “value” of the id attribute. For example the value of the id attribute in the first radio button is “indoor” so then that also becomes the “value” of value.

I suggest you reset the exercise because you also made other changes which will not be accepted. Then simply add the new value attribute, the equal sign, and the appropriate “value” in double quotes next to that.

hope this helps

1 Like
3

Sorry for the long response had to eat out of frustration. Layman’s terms please, though I guess that is quite difficult in this field of work. I’ll get there eventually, thanks for the welcome too!

1 Like
4

This is the syntax:

attribute="value"

You want to add an attribute called value and the value indoor or outdoor.

It’s a bit confusing since the attribute name is “value” in this case, but the idea is the same as type:

attribute="value"
type="radio"

Reset the step, because you also changed the name attribute which you are not asked to do.

2 Likes
5

Sorted, feel like I owe you both a drink after that haha. Thanks.

2 Likes
6

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