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

Jeffrey Chandler
Jeffrey Chandler
1,664 Points
Posted by Jeffrey Chandler
Jeffrey Chandler
1,664 Points

where did i go wrong?

keeps saying i miss spelled the second div class

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

  <form>

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

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

  </form>

</body>

2 Answers

Martin Zarate
Martin Zarate
10,723 Points
Martin Zarate
Martin Zarate
10,723 Points

It looks like you are missing the closing tags for the divs:

<form>

 <div class="favorite_stuff">
   <div>
      <h4>Favorite Foods?</h4>
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
    </div>
 </div> <!-- / end of favorite_stuff -->

 <div class="favorite_stuff"> 
   <div>
      <h4>Favorite Animals?</h4>
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
    </div>
 </div>  <!-- / end of favorite_stuff -->

</form>

Cheers.

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there, Jeffrey Chandler! The other answer in this thread is partially correct. The div tags are not closed correctly.

That being said, the code expects a grand total of two divs whereas your code and the other answer contain a total of four divs. You were meant to add the class names to the divs that were already there instead of nesting the divs within other divs. Take a look:

  <form> <!-- begin form -->

    <div class="favorite_stuff">  <!-- begin first div -->
      <h4>Favorite Foods?</h4>
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
      <input name="food[]">
    </div>  <!-- end first div -->

    <div class="favorite_stuff"> <!-- begin second div -->
      <h4>Favorite Animals?</h4>
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
      <input name="animal[]">
    </div> <!-- end second div -->

  </form> <!-- end form -->

:bulb: Going forward, it's a good idea to try not to do anything in these challenges that isn't explicitly asked for. In this case, two divs were created which were not required by the challenge. Even if functional outside the challenge, it can cause the challenge to fail because it is looking for a very specific match.

Hope this helps! :sparkles: