JavaScript using an array to display data

Question

I'm working on a score system that shows per question block, I'm using PHP to retrieve the data from a table and the javascript below to calculate the score. The problem is I want several score labels underneath each question block. So clearly I need an array to make this work, but currently I'm using this line to write the data onto document.getElementById("score_label[0]").innerHTML=""+current_score.toFixed(1); so this only applies to the first entry in the array. How do I make it loop through the entire array(score_label[]) and increase it's value so the code reads document.getElementById("score_label[0]").innerHTML=""+current_score.toFixed(1); document.getElementById("score_label[1]").innerHTML=""+current_score.toFixed(1);

this is the element javascript is writing to
echo "your total score: <span id='score_label[0]' name='score_board['".$score_board."']'></span>";
if there is need for I can post the entire function but I think it's mostly my lack of knowledge on arrays that's the issue here

Alexander Pavlov · Accepted Answer · 2012-05-03 10:14:22Z

1

If I'm reading your question correctly (current_score is the same for all elements???):

for (var i = 0; i < score_label.length; ++i)
    document.getElementById("score_label[" + i + "]").innerHTML=""+current_score.toFixed(1);

I should mention that the id attribute of the form score_label[N] may be confusing.

edited May 3, 2012 at 10:14

answered May 2, 2012 at 12:10

Alexander Pavlov

32.4k5 gold badges71 silver badges95 bronze badges

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

7 Comments

Jeffrey Klinkhamer Over a year ago

I agree and I doubt it holds any actual value/weight on it so I think it is safe to remove it

Alexander Pavlov Over a year ago

@JeffreyKlinkhamer: I believe you should clarify your question then, e.g. change current_score in the rhs of the assignments to be different in each line.

Jeffrey Klinkhamer Over a year ago

current_score is a variable defined outside my function it keeps track of the score per question block, Simply put var current_score = 0; function calculate_score(questions, score). it changes per element the problem is that it's always placed on score_label[0]

Jeffrey Klinkhamer Over a year ago

When I run the code document.getElementById("score_label.length()") it returns null. Does this mean my score_label isn't initialized properly? Also I've changed that line to echo "your total score: <span id='score_label[".$score_board."]'></span>";

Alexander Pavlov Over a year ago

It seems you are mixing up PHP and JavaScript, don't you? The first line is in JS, trying to find an element with the id attribute equal to the string score_label.length() (which, of course, does not exist.) The second one is PHP, writing HTML code into the output document.

|

Community · Accepted Answer · 2017-05-23 11:56:28Z

0

Try to use foreach function to loop through the whole score_label array.

need to loop through a PHP array in JavaScript

edited May 23, 2017 at 11:56

CommunityBot

11 silver badge

answered May 2, 2012 at 12:10

SoEnLion

1835 bronze badges

Collectives™ on Stack Overflow

JavaScript using an array to display data

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related