## 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.

# can any one explain?

solved the challenge but given the code below im confused as to why it is producing 10 coloured circles rather than 4

```var html = '';
var red;
var green;
var blue;
var rgbColor;

for (var i = 0 ; i <= 3 ; i += 1) {
red = Math.floor(Math.random() * 256 );
green = Math.floor(Math.random() * 256 );
blue = Math.floor(Math.random() * 256 );
rgbColor = 'rgb(' + red + ',' + green + ',' + blue + ')';
html += '<div style="background-color:' + rgbColor + '"></div>';

document.write(html);
}
```

html += '<div style="background-color:' + rgbColor + '"></div>';

The above statement with make 10 div in your page. You using += it will at add the previous string in the next loop.So when you running your for loop

# Loop Count and Div add in html

```  0                                 1
1                                 2
2                                 3
3                                 4
```

Therefore, after the exit the for loop you will have 1+2+3+4=10 div in your html Just simply remove the + and can produce the result what you want.

html = '<div style="background-color:' + rgbColor + '"></div>';

i think i can kind of grasp what your saying. JavaScript so far has produced alot of aha moments "I get it now" whilst equally producing a lot of hair pulling moments . for instance i can put the document.write outside of the curly braces and change the <= to 10 and it works that way as well.

cheers Jeff