Learn HTML by Building a Cat Photo App - Step 42

Tell us what’s happening:
Describe your issue in detail here.

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">
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button>
            <input botton="submit">
          <button>
              <input botton="">
          </botton>

          "">
          </botton>

          
        </form>
      </section>
    </main>
  </body>
</html>

Your mobile information:

SM-S921U - Android 14 - Android SDK 34

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

Link to the challenge:

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

@joldrit Since we don’t have any questions from you, I will start by looking at your code. Just from looking at your current code you shared, it seems you maybe unsure the next step. For step 42 you are asked to create a button (add the text “Submit” to the button) The question may be, how do you do that. The skill of searching the web browser for clues is a wonderful skill. Anyways, I will give you a hint by sharing a resource that shows an example. https://www.w3schools.com/tags/att_button_formaction.asp You can put your code on line 38. If you have any questions related to buttons or form attributes please ask, and someone is more than happy to help you more directly. Please share what you have tried, as well as any other useful information. By the way well done working your way to step 42 in the project.

  • Happy Coding!
2 Likes

You only add the button element once, spelt correctly (as you have done on the first one).

It tells you to write some text inside the button. You haven’t done this.

It doesn’t tell you to add any more inputs or any attributes.

1 Like

Hey Champ !!

Can you please describe your Problems in your words,
That’s seems be difficult, But when you learn this it will be helpful for you !!

Hope you will definitely try!!

1 Like

this is the solution that I create
Submit

Don’t write the solution here. Try it and see if it works!

1 Like

hey pkdvalis
are you able to see the solution within the challenge link ?

Your button element is missing text ‘Submit’ inside it

no, the challenge link does not contain the solution

      <button>Submit<button> on second add closing tag and you have your solution
2 Likes

it looks like you have two opening tags, usually you should follow an opening tag with a closing tag

1 Like

Hey ilenia
Can you see the solution and how to get answer

you did not add the closing tag

Hi EmilD

I fix and add way to get the solution if want it

1 Like

I was also stuck on this part as the question and hints it gives you doesnt explain properly . reading your link helped me understand my problem the question asks = Step 42

The button element is used to create a clickable button.

Add a button element with the text Submit below the input element. The default behavior of clicking a form button without any attributes submits the form to the location specified in the form’s action attribute.

from my understanding an as we had just finished the “input type” line most of us then assuming the next part would be what i failed to understand was that buttons can contain other things other than text. The correct text it accepts is Submit
Also OP spelled Button wrong in his text

but thank you for sharing this link after reading it a few times i understood my mistake and how to correct it

1 Like

you saved me a ton of headache thanks a lot!

1 Like