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

Hariidaran Tamilmaran
seal-mask
.a{fill-rule:evenodd;}techdegree
Hariidaran Tamilmaran
iOS Development Techdegree Student 19,305 Points
Posted by Hariidaran Tamilmaran
.a{fill-rule:evenodd;}techdegree
Hariidaran Tamilmaran
iOS Development Techdegree Student 19,305 Points

Why is this function not working?

Can someone please explain why this function is not working? I would really appreciate that.

script.js 
function makeRows(rows) {
  for (var i = 0; i < rows; i++) {
    $("main .container").append("<div class='row'></div>"); // Make row div
  }
}
Ryan Boone
Ryan Boone
26,518 Points
Ryan Boone
Ryan Boone
26,518 Points

Looks like you're missing the rest of your for loop condition.

You need to add what should happen to the i variable every time the loop executes. You also need to close the parentheses and add an opening curly brace to your for loop.

1 Answer

Jake Lundberg
Jake Lundberg
13,965 Points
Jake Lundberg
Jake Lundberg
13,965 Points

First, your For loop is not complete... you have declared your counter variable i, but you have not included the conditional statement, and you have not incremented i... If I am understanding what you are trying to do correctly, your code should look like this: 

function makeRows(rows) {
  for (var i = 0; i < rows; i++) {
    $("main .container").append("<div class='row'></div>"); // Make row div
  }
}