Calling Properties From External JS File in HTML

Question

I have been trying to call a single property from an object from an external .js file into an HTML table cell. My code is as follows:

This is from the external .js file "script.js"

var shortsF = new Object ( );
shortsF.description = "Stone Wash Denim Shorts";
shortsF.stockLevel = 20;
shortsF.price = 25.9;

This is a part of the index.html file:

<html>
<head>
<script src="script.js" type="text/javascript"></script>
</head>
<body>
<table>
<tr>
<td><script>document.write(shortsF.description)</script></td>
</tr>
</table>
</body>
</html>

This works when the object is initialised locally in the HTML file but not in the external .js file - I must be missing something simple but I can't figure it out at all!

Many Thanks,

Matt

I can't reproduce the problem: http://test-cases.dorward.me.uk/stackoverflow/27348998/ — Quentin, Dec 07 '14 at 23:24
http://stackoverflow.com/questions/3244361/can-i-access-variables-from-another-file — user2167382, Dec 07 '14 at 23:29

Luke · Answer 1 · 2014-12-07T23:31:30.710

It looks fine. Is script.js in the same directory as the html file? That's where your HTML expects it to be. If they're in the same place and everything is written as you posted, it ought to be working fine.

If you want to get more fancy, you can look into using your script as a module: https://developer.mozilla.org/en-US/docs/Mozilla/JavaScript_code_modules/Using?redirectlocale=en-US&redirectslug=JavaScript_code_modules%2FUsing

score 0 · Answer 2 · answered Dec 07 '14 at 23:27

0

i saved your two snippets into script.js and index.html and it worked as is. So there is something else you are doing that's breaking it.

as an aside, that's not a good way for inserting text into the DOM

answered Dec 07 '14 at 23:27

Born2Code

975
5
13

1

you have an extra parenthesis in your document.write line, that's probably it: document.write(shortsF.description);) – Born2Code Dec 07 '14 at 23:51

Calling Properties From External JS File in HTML

2 Answers2