Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript

Hariidaran Tamilmaran
seal-mask
.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

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

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
  }
}