javascript array length not accessible in web page

Question

I have a javascript array in an external file:

<script src="assets/players.js"></script>

contents of above array:

window.players = [
"Addison, Jackson",
"Agron, Dmitry",
"Zuccarino, John"
]

I have tried to return the number of records to no avail:

<h3>Sample data file with <script>window.players.length;</script> names:</h3>

What am I doing wrong..?

Javascript won't just print the result be placing something like that into a location. You need to target something and then give that element the value you wish to display. Example: jsfiddle.net/yokx4c27 — NewToJS
– NewToJS, Commented Aug 12, 2017 at 1:03
jQuery is a javascript plugin which is just pre-coded javascript so this is easy to do without having to use the jQuery library. — NewToJS
– NewToJS, Commented Aug 12, 2017 at 1:07

epascarello · Accepted Answer · 2017-08-12 01:05:57Z

2

If you want to write out the length, than you would need to use document.write

<h3>Sample data file with <script>document.write(window.players.length)</script> names:</h3>

Or you could use DOM methods.

<h3>Sample data file with <span id="count"></span> names:</h3>
<script>
    document.querySelector("#count").innerHTML = window.players.length;
</script>

answered Aug 12, 2017 at 1:05

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

Comments

clabe45 · Accepted Answer · 2017-08-12 01:45:54Z

1

Javascript is not a "pre-processed" language, like PHP. Change your code to:

<h3>Sample data file with <span id="output"></span> names:</h3>
<script>document.getElementById("output").innerHTML = window.players.length;</script>

edited Aug 12, 2017 at 1:45

answered Aug 12, 2017 at 1:05

clabe45

2,47418 silver badges27 bronze badges

Comments

Alex Pakka · Accepted Answer · 2017-08-12 02:47:49Z

0

You cannot use template-style coding on the client side. Instead, you need to create any element that you can reference from the script and then manipulate its contents, e.g.

<h3 id="num"></h3>

 <script>
   document.getElementById("num").innerHTML = "Sample data file with " + window.players.length +" names"
 </script>

edited Aug 12, 2017 at 2:47

Alex Pakka

9,7663 gold badges51 silver badges72 bronze badges

answered Aug 12, 2017 at 1:06

Evelyn Ma

4942 silver badges4 bronze badges

Collectives™ on Stack Overflow

javascript array length not accessible in web page

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