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

Julie Thompson
Julie Thompson
2,513 Points
Posted by Julie Thompson
Julie Thompson
2,513 Points

How do i add a class attribute?

I am struck on the coding part trying to add a div to my html and it keeps saying i must add a class attribute. how do i do this?

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

  <form>

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

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

  </form>

</body>

2 Answers

Shaun Earley
Shaun Earley
20,412 Points
Shaun Earley
Shaun Earley
20,412 Points

It's asking you to add the "class" attribute to the existing <div> elements. In your example above you are adding a new div with the class attribute. Try removing the div element you created and adding the class attribute to the div element above each one your created.

Hope this helps Shaun

Tim Strand
Tim Strand
22,458 Points
Tim Strand
Tim Strand
22,458 Points

where is your js? you should be able to address it in a couple steps: 1) create a div el 2) set the div classname ie div.className = 'favorite stuff'; https://www.w3schools.com/jsref/prop_html_classname.asp 3) append div