Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Treehouse Club - MASH MASH - HTML Forms, Divs, and Inputs

christopher isaac
PLUS
christopher isaac
Courses Plus Student 1,511 Points

How to give a <div> element a class?

I know that it is written in the correct way but I think the positioning may be wrong..

index.html
<body>
  <h1>First Day of School</h1>

  <form>

    <div>
      <divclass="favorite_stuff">
      <h4>Favorite Foods?</h4>
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
    </div>

    <div>
      <divclass="favorite_stuff">
      <h4>Favorite Animals?</h4>
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
    </div>

  </form>

</body>

2 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,858 Points

Hi Christopher,

You're on the right track, but there are a couple errors happening here.

  1. The <div> element is already there, but you are adding another one that the challenge did not ask for. The instructions specifically say to "Give both <div> elements the class of "favorite_stuff"." meaning to the two <div> tags provided. The instructions do not say to add any. (But if it did, the ones you added, you didn't close, so it would also error).
  2. There needs to be a space between "div" and "class" ... without the space (as it you have it now) will error as the browser thinks the tag is named <divclass>.

So, you will need to delete the two lines of HTML that you added, then add the class to the existing <div> tags. With these corrections, the task will pass.

Hope this helps.

Keep Coding! :) :dizzy:

christopher isaac
christopher isaac
Courses Plus Student 1,511 Points

Hi Jason,

I reviewed back to the video and managed to figure out the issues you stated above! Thanks for the help, I appreciate it :) I definitely will!

(I posted this as an answer by accident, so wasn't sure if you got it.. thanks again!)

christopher isaac
PLUS
christopher isaac
Courses Plus Student 1,511 Points

Hi Jason,

I reviewed back to the video and managed to figure out the issues you stated above! Thanks for the help, I appreciate it :) I definitely will!