Learn HTML by Building a Cat Photo App - Step 49

HTML-CSS
1

I dont understand why this code isnt working
honestly i dont like the UX of freecodecamp, they assign you into new stuff without even giving an example as if they want you to open the other websites to get to learn how to write new code… why dont you just give a simple example of what a value attribute look like in code first

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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">
          <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>
          <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

2

When you learned how to type, someone showed you how to press every button on the keyboard or just one is enough to illustrate the idea?

You already know how to write html attributes. It is the exact same process all the time.
Recall that so far you have created the following attributes: href, src, id, type, alt and action!

So, what is different about creating a value attribute other than it has a different name?

3

hello and welcome to fcc forum :slight_smile:

  • you are here trying to add “for” attribute which this “step” didnt ask you to do, and it also has a typo":outdoor" in it

lets read from instructions

Add a value attribute to both radio buttons. For convenience, set the button’s value attribute to the same value as its id attribute

  • in your attempt you haven’t added any “value” attribute in those “radio buttons”
  • its not so bad to explore on your own with a “specific question” in mind, rather its very convenient.
  • they usually do, if they dont which is rarely they give a “proper explanation” of what is been asked here, just read through instructions “a few times”, its part of learning

you can always send in your feedback and reach out to fcc github page with your concerns and file an “issue”

hope it is much more clearer to you now, and if not please feel free to reach out… we all love FreeCodeCamp and i hope so will you, happy learning :slight_smile: