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

christopher isaac
PRO
christopher isaac
Pro 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 144,848 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
Pro 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
PRO
christopher isaac
Pro 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!