JavaScript accessing a variable in a different file

Question

So i am trying to access an array in index.js a different file called countries.js. However when i check the console it says that countries is not defined?

index.js

countries.includes('Ethiopia') ? console.log('ETHIOPIA') : countries.push('Ethiopia')

countries.js

 const countries = [ 'Albania', 'Bolivia', 'Canada', 'Denmark', 'Ethiopia', 'Finland', 'Germany', 'Hungary', 'Ireland', 'Japan', 'Kenya' ]

index.html

<body> <script src="index.js"></script> <script src="countries.js"></script> <script src="web_tech.js"></script> </body>

All the scripts are in the index.html so im stuck as to why i cant access the variable?

The order matters; scripts are processed top to bottom. Move your index.js below countries.js — user5734311
– user5734311, Commented Jun 8, 2022 at 7:39

slebetman · Accepted Answer · 2022-06-08 07:43:12Z

At the time you are executing code in index.js the countries variable does not exist yet. You need to create the variable before using:

<body> <script src="countries.js"></script> <!-- Now "countries" exist for index.js to use --> <script src="index.js"></script> <script src="web_tech.js"></script> </body>

Collectives™ on Stack Overflow

JavaScript accessing a variable in a different file

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related