Creating multiple variables and assigning them values using for loop in JS

Question

why this does not work?? I think it is logically correct.

P.S: I am new to JavaScript.

JavaScript part:

var i;
for(i=1; i=3; i++)
{
    var bbb[i] = document.querySelector('.txtt[i]');    
    console.log(bbb[i].value);
}

Html Part:

<input type="text" id="txtt1" class="txtt1" value="">
<input type="text" id="txtt2" class="txtt2" value="">
<input type="text" id="txtt3" class="txtt3" value="">

expectation: bbb[i] should contains the value of the particular input element as every time loops run a new variable should be created.

Actual: console shows error

SyntaxError: unexpected token: '['

You can define an array and push on to it var bbb = [] and then in the loop bbb.push(document.querySelector...). Also note that variables are not automatically interpolated into strings like '.txtt[i]'... — Jared Smith
– Jared Smith, Commented Feb 18, 2019 at 18:28

KiraMiller · Accepted Answer · 2019-02-18 18:31:05Z

4

There are a couple problems. First, check your for loop. I think you meant it to be this instead:

for(i=1;i<=3;i++)

Also, I think you want this one line to be this instead:

var bbb[i]=document.querySelector('.txtt'+i);

Is this what you meant to do?

answered Feb 18, 2019 at 18:31

KiraMiller

1795 bronze badges

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

Comments

Adi Bnaya · Accepted Answer · 2019-02-18 18:46:09Z

4

You have a few problems with your code:

In your for loop you have no stop condition, The code you wrote will only get into the for loop if "i == 3", Your goal is to run the loop for as long as i is smaller then or equals to 3 "i<=3"

In this part of your code:

var bbb[i]=document.querySelector('.txtt[i]');

You initialize the "bbb" array each time you run the loop, it should be first initialize outside of the for loop and your use of the "i" variable is wrong so you will actually use the same text every time regardless of the value of "i"

the console.log should just get bbb[i] and not bbb[i].value

This code will work:

var bbb = [];
for(var i=1 ; i<=3 ; i++)
{
    bbb[i]=document.querySelector('.txtt'+i);    
    console.log(bbb[i]);
}

edited Feb 18, 2019 at 18:46

answered Feb 18, 2019 at 18:33

Adi Bnaya

5311 gold badge5 silver badges15 bronze badges

Comments

ellipsis · Accepted Answer · 2019-02-18 18:48:40Z

4

Your for loop was wrong and make element id using concatenation('+') for selection

var i;
var bbb=[];
for(i=1;i<=3;i++)
{
bbb[i]=document.querySelector('.txtt'+i+'');    
console.log(bbb[i].value);
}

<input type="text" id="txtt1" class="txtt1" value="a">
<input type="text" id="txtt2" class="txtt2" value="b">
<input type="text" id="txtt3" class="txtt3" value="c">

edited Feb 18, 2019 at 18:48

answered Feb 18, 2019 at 18:27

ellipsis

12.2k2 gold badges19 silver badges33 bronze badges

Collectives™ on Stack Overflow

Creating multiple variables and assigning them values using for loop in JS

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related