Java script for loop printing with jquery function problem

Asked Sep 27 '18 at 18:12

Active Sep 27 '18 at 18:14

Viewed 26 times

My code:

var i;
for (i=1 ; i <= 4; i++) {

    var value = "value" + i + " "; 


$(document).ready(function(){

    document.write(value);

});

}

Output:

value4 value4 value4 value4

Every loop different value string will be generated and in jQuery function should be printed. For some reason it is always printing the same value. I am using similar code structure to process api requests and it is doing exact same thing.

What I want:

value1 value2 value3 value4

Am I doing this wrong or is this not possible to do this way?

JSFiddle

edited Sep 27 '18 at 18:14

HoldOffHunger

18,769
10
104
133

asked Sep 27 '18 at 18:12

cheshire

1,109
3
15
37

https://jsfiddle.net/z_acharki/2xtqfwj5/1/ – Zakaria Acharki Sep 27 '18 at 18:14
Remove the document ready event handler and put it at the top level of the code. The document only gets ready once. – Wolgan Ens Sep 27 '18 at 18:15
It is also weird you would have multiple document.ready calls. – epascarello Sep 27 '18 at 19:11

Java script for loop printing with jquery function problem

0 Answers0