Struggling with the 10th step on the Survey Form project

HTML-CSS
1

Is Social Media Toxic

Thanks for giving us your opinion

<label id="name-label">
  <p>Name:</p>
</label>
<input type="text" placeholder="Enter Your Name" id="name" required></input>

<label id="email-label">
  <p>Email:</p>
</label>
<input type="email" placeholder="Enter Your Email" id="email" required></input>

<lable="number-label">
  <p>Age</p>
  </label>
  <input type="number" placeholder="Enter Your Age" id="number" required min="13" max="10"></input>

Here’s my code I’m struggling with the 12 step but im pretty sure I did it correctly, if not help is appreciated. https://codepen.io/richpatt12/pen/GRqqrga

2

@rpatt, your code snippet only shows the input elements for name, email and number which isn’t related to user story 12.

It’s best if you provided a link to your pen so people can see what you’ve tried so far.

Now, about user story #12. Have you searched to find out how to make a dropdown? This was something that wasn’t in the FCC curriculum so it’s something you’ll have to research.

As an aside, the word “label” is spelled “label” and this </input> is not a valid HTML tag.

3

https://codepen.io/richpatt12/pen/GRqqrga so here’s the pen link and I fixed the label spelling error . And sorry seems like I made a mistake step 10 is the one coming up wrong.

4
  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).
    • The test script should be included, with all tests passing, when you submit your projects.
    • Your page passes 11/17 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
5

Yes I see it passed the 11th User story but the 10th one ( or the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids: id=“name-label”, id=“email-label”, and id=“number-label”.) is saying I didn’t pass it or does it not have to go in order.

6

Read the entire message. What it says is;

10. For the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids: id="name-label", id="email-label", and id="number-label".

#number-label is not defined : expected null to not equal null

That last line is very important.

HINT:

notice a difference between these two lines in your code?
<label id="email-label">
<label="number-label">

7

ooooh I see that was a careless error on me thanks so much

8

Good deal!

And once again, this </input> is not a valid HTML tag.

9