Step 43 Cat App

HTML-CSS
1

Let me just say I am a true beginner. Like just started a few days ago. I have NO idea what this means. Please help! I haven’t found a helpful answer so far.

2023-07-11 (4)
2023-07-11 (4)1366×612 182 KB

2

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like
3

You added a brand new input element. Don’t add another element. Only add a new attribute to the button element that’s already there.

2 Likes
4

How do I do that? I am a total newbie and have been winging it so far

5

You do it the way you have added attributes in previous Steps. How did you add the src, href, and similar attributes earlier?

1 Like
6

I looked up the answers. The hints they give are not helpful for someone who is brand new. I’m so frustrated

7

Don’t look up the answers.

Look at the code you wrote earlier in this project, like here: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-8

How did you add the src attribute to the img element?

This will be very similar to adding a type attribute to the button element.

2 Likes
8

Thanks. Maybe I just need to go through some tutorials first. It’s still a bit confusing for me.

9

This is a tutorial?

If you don’t remember how to do the Step I linked, I would do it again. You can always revisit old steps to refresh ideas.

1 Like
10

For a beginner, the hints are not helpful. It’s like asking someone to correct themselves in Greek without even knowing the language.

11

Giving you the answer to copy isn’t really helpful. Its like asking somebody to copy down words in a language they don’t understand.

If you understand Step 8 then I can much more easily show you how to do this Step. If you don’t understand Step 8, then you won’t be able to understand this Step no matter if you copy the answer or not.

… So… Do you know how to do Step 8? It’s OK if the answer is “no”. We can go through Step 8 together.

1 Like
12

I thought I did at the time, but now that I look at it again, I’m lost. It made more since since the hint was a bit clearer. And no, I don’t want the answers since I am truly wanting to learn this. Just stuck here and a bit frustrated. I looked at other forum responses and have tried changing it several times, but it just keeps telling me the code doesn’t pass.

So I guess the TLDR version is No, I don’t.

13

Ok, lets look at Step 8.

HTML attributes are special words used inside the opening tag of an element to control the element’s behavior. The src attribute in an img element specifies the image’s URL (where the image is located).

Here is an example of an img element with a src attribute pointing to the freeCodeCamp logo:

<img src="https://cdn.freecodecamp.org/platform/universal/fcc_secondary.svg">

So here we started with

<img>

and then we added

src="https://cdn.freecodecamp.org/platform/universal/fcc_secondary.svg"

Here, the src is the attribute and the "https://cdn.freecodecamp.org/platform/universal/fcc_secondary.svg" is the value.

This is how every HTML element gets attributes.

<a href="https://freecatphotoapp.com">

This is an a element with a href attribute set to the value "https://freecatphotoapp.com".

In Step 8, you are supposed to

Inside the existing img element, add an src attribute with this URL:

https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg

So you add the src attribute with a value of "https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg".

Is it making more sense? (Just Step 8, not Step 43 yet!)

2 Likes
14

Oookay, yes, it is starting to make more sense now. Thanks for helping me, by the way!

1 Like
15

Cool! I’d give Step 8 a quick try and see if you can add the attribute and value that you need there.

1 Like
16

8 makes sense now, but 43 is still stumping me.

17

Ok, so in the words of Step 8, Step 43 is asking

For the button element, add a type attribute set to the value "submit".

Here is the button element’s opening tag:

<button>

You’ll need to make a change that looks a lot like adding the href attribute set to the value "https://freecatphotoapp.com".

1 Like
18

Nope. Still can’t get it. I’m taking a break because I’m starting to get mad LOL

19

When you come back, make sure you post the code you’ve tried!

You should start with only

          <button>Submit</button>
1 Like
20

I give up. I’m going to try and watch some videos I see her on HTML and Coding.