Stopping FOR loop on certain number in JavaScript

Question

I have the following JSFiddle: http://jsfiddle.net/uX8ZQ/

Basically I am trying to achieve a continuing for loop until a variable gets to a certain number, loading 5 at a time. This is what I have so far:

HTML:

<button onclick="go()">Load</button>
<p id="demo"></p>

JavaScript:

var max=16;
var y=5;

function go(){
    var x="";
    for (var i=1;i<=y;i++){
        if(i>max){
            return;
        }
        x=x + "The count is " + i + "<br>";
    }
    document.getElementById("demo").innerHTML=x;
    y=y+5;
}

The result I get is the loop stops at 15 and won't load 16

I am new to JavaScript and trying to learn my way through loops but this one I cannot seem to get.

By the way, in the JSFiddle I have used window.go = function(){ as JSFiddle will not work by simply defining the function. I am using the above code in my document.

return exits the function. Did you mean break?

elclanrs
– elclanrs

2014-03-18 10:47:13 +00:00
Commented Mar 18, 2014 at 10:47 — elclanrs
– elclanrs, Commented Mar 18, 2014 at 10:47

elclanrs · Accepted Answer · 2014-03-19 01:02:38Z

3

Use break instead of return as return will exit the function before it gets to update the HTML.

function go(){
    var x="";
    for (var i=1;i<=y;i++){
        if(i>max){
            break;
        }
        x=x + "The count is " + i + "<br>";
    }
    document.getElementById("demo").innerHTML=x;
    y=y+5;
}

edited Mar 19, 2014 at 1:02

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

answered Mar 18, 2014 at 11:03

row1

5,5883 gold badges48 silver badges74 bronze badges

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

Collectives™ on Stack Overflow

Stopping FOR loop on certain number in JavaScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related