How to include a JavaScript object in a separate file

Question

I'm trying to include a separate .js file so I can pull in a class I created but it doesn't work, can someone tell me why?

playercharacter.js

function PlayerCharacter() {
this.x = 0; 
this.y = 0;

this.dx = 5;
this.dy = 5;
}


PlayerCharacter.prototype.sayHello = function()
{
 alert ('hello');
};

index.html

<html>
<head>
<script src="js/playercharacter.js" type="text/javascript" ></script>
</head>
<body>
 <script type="text/javascript" >
var player = new PlayerCharacter();
player.sayHello();
</script>
</body>
</html>

Put an alert() outside any function in "playercharacter.js" to make sure that it's being loaded at all. — Pointy
– Pointy, Commented May 14, 2013 at 0:41
Why does this code sample start with "PSEUDO"? It doesn't appear to be pseudocode. — Anderson Green
– Anderson Green, Commented May 14, 2013 at 0:56
I put an alert in, and you're right - it's not executing? I checked the file paths - indexh.html is in root and js file is in a fodler called js ... — GideonKain
– GideonKain, Commented May 14, 2013 at 1:10
What in the world, I uploaded this example as a zip file...doesn't get any simpler than this, so why doesn't it work? ryandebraal.com/HTML5_test3.zip — GideonKain
– GideonKain, Commented May 14, 2013 at 1:18
Yes, it's definitely advisable to set the path to the correct fodler. — Beetroot-Beetroot
– Beetroot-Beetroot, Commented May 14, 2013 at 1:18

zavg · Accepted Answer · 2013-05-14 00:42:37Z

1

You forgot wrap your JS-code into the <script> tags

<html>
 <head>
  <script src="js/playercharacter.js" type="text/javascript" ></script>
 </head>
 <body>
  <script type="text/javascript" >
   var player = new PlayerCharacter();
   player.sayHello();
  </script>
 </body>
</html>

answered May 14, 2013 at 0:42

zavg

11.2k4 gold badges47 silver badges68 bronze badges

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

Comments

plalx · Accepted Answer · 2013-05-14 00:42:39Z

0

Your JavaScript code is not in a script tag.

<script>
    var player = new PlayerCharacter();
    player.sayHello();
</script>

answered May 14, 2013 at 0:42

plalx

43.8k7 gold badges77 silver badges94 bronze badges

Comments

benastan · Accepted Answer · 2013-05-14 00:43:39Z

0

You need to surround the code in the body with a <script> tag.

answered May 14, 2013 at 0:43

benastan

2,27815 silver badges14 bronze badges

2 Comments

benastan Over a year ago

Mobile SO doesn't notify of new answers.

plalx Over a year ago

Ok ;) Didin't know that hehe.

Collectives™ on Stack Overflow

How to include a JavaScript object in a separate file

3 Answers 3

Comments

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Related