Dynamic created variables inside for loop, Javascript

Question

Creating static variables is not an option in this case becouse it would take to long time and ineffective to what im trying to accomplish. I have an Array with images and I'm trying to create a way to make divs according to the length of the array. 1,2,3,4 etc.

var images = ['image1.JPG', 'image2.JPG', 'image3.JPG'];
var totalimages = images.length;

Which will result in an array length of 3. I would like to create 3 variables for this.

for (var i = 0; i > totalimages; i++){
  var div[i] = document.createElement('div');

}

This seems not to be working for some reason. I tried to create a div array/list outside the for loop aswell.

var div = [];

for (var i = 0; i > totalimages; i++){
  var div[i] = document.createElement('div');

}

Still not working. I dunno why this is not working. Javascript only

EDIT: (not working) i mean it gives me syntax error.

define 'not working'.

Pinoniq
– Pinoniq

2014-08-29 13:17:06 +00:00
Commented Aug 29, 2014 at 13:17 — Pinoniq
– Pinoniq, Commented Aug 29, 2014 at 13:17
Remove the var inside the loop.

Felix Kling
– Felix Kling

2014-08-29 13:19:10 +00:00
Commented Aug 29, 2014 at 13:19 — Felix Kling
– Felix Kling, Commented Aug 29, 2014 at 13:19
Have you actually created an object called div?

Andy
– Andy

2014-08-29 13:20:45 +00:00
Commented Aug 29, 2014 at 13:20 — Andy
– Andy, Commented Aug 29, 2014 at 13:20
var inside the loop was the problem.

Nicco
– Nicco

2014-08-29 13:22:12 +00:00
Commented Aug 29, 2014 at 13:22 — Nicco
– Nicco, Commented Aug 29, 2014 at 13:22

Mritunjay · Accepted Answer · 2014-08-29 13:27:58Z

2

You have defined div already. In loop you shouldn't be saying like var div again.

BTW var div[ will cause a syntax error.

Use this

div[i] = document.createElement('div');

instead of

var div[i] = document.createElement('div');

Any way I'll prefer saying this at that place

div.push(document.createElement('div'));

And this will cause i > totalimages an infinitive loop, say i < totalimages instead.

edited Aug 29, 2014 at 13:27

answered Aug 29, 2014 at 13:17

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

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

1 Comment

Felix Kling Over a year ago

To clarify, the problem is not that he variable is already declared, var div[ is simply invalid syntax.

Andy · Accepted Answer · 2014-08-29 13:23:18Z

1

i < totalimages

not

i > totalimages

Make sure you don't use var inside the array if you're assigning new values:

var div = [];
for (var i = 0; i < totalimages; i++){
  div[i] = document.createElement('div');
}

DEMO

edited Aug 29, 2014 at 13:23

answered Aug 29, 2014 at 13:18

Andy

63.6k13 gold badges72 silver badges99 bronze badges

1 Comment

Nicco Over a year ago

Yeah, but it still dosent slove my problem with dynamic variables.

Psychemaster · Accepted Answer · 2014-08-29 13:20:47Z

0

In short:

var images = ['image1.JPG', 'image2.JPG', 'image3.JPG'];
var totalimages = images.length;
var div = [];

for (var i = 0; i < totalimages; i++){
  div.push(document.createElement('div'));
}

answered Aug 29, 2014 at 13:20

Psychemaster

87611 silver badges21 bronze badges

Collectives™ on Stack Overflow

Dynamic created variables inside for loop, Javascript

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related