javascript for loop inside a function then output it to the page

Question

Here is my code. I am expecting "the number is 1, the number is 2..." to be out putted up to 5 but all that is outputted is the number is 0 not sure why.

<script>
var i=0;
function test(){

for(i=0;i<=5;i++){
    return "the number is" + i;
}
}
</script>
<script>
document.write(test());
</script>

Cheery · Accepted Answer · 2012-02-18 05:08:03Z

5

return "the number is" + i; It (the 'point' of script execution) returns back from the function with the first loop at i = 0

Write it as http://jsfiddle.net/hNWrg/

function test(){
var out = '';
for(var i=0;i<=5;i++){
    out += "the number is" + i + "<br>";
}
return out;
}

edited Feb 18, 2012 at 5:08

answered Feb 18, 2012 at 5:02

Cheery

16.3k45 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Cheery Over a year ago

@AndersKitson x += 2 is the same as x = x + 2

Justin Beckwith · Accepted Answer · 2012-02-18 05:02:39Z

2

your function is returning 0 the first time through the loop :-) try this:

<script>
var i=0;
function test(){

for(i=0;i<=5;i++){
    document.write("the number is" + i);
}
}
</script>
<script>
test();
</script>

answered Feb 18, 2012 at 5:02

Justin Beckwith

7,8761 gold badge38 silver badges57 bronze badges

Collectives™ on Stack Overflow

javascript for loop inside a function then output it to the page

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related