Javascript function not found in node.js server

Question

I followed this to set up the node.js server: Using node.js as a simple web server

So I installed the serve-static npm.

I then created a file called file called test.html with the following code

<html>
<head>
  <h2>Google</h2>
</head>
<body>
  <button onclick="test()">Click me</button>
</body>
</html>

<script src="http://code.jquery.com/jquery-3.3.1.min.js" type="text/javascript">

  function test() {
    console.log('test');
  }

</script>

When I click on the button, I get:

Uncaught ReferenceError: test is not defined
at HTMLButtonElement.onclick (test.html:8)

and nothing else. This code looks ok...? Why is this function not found?

Not only that, but you have to separate your external JS and your local one. Load jQuery in a ` — Terry, Aug 29 '18 at 18:48

score 3 · Accepted Answer · answered Aug 29 '18 at 18:49

3

Remove your src part if you want to have your own function in between your script tags.

<script src="http://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
  function test() {
    console.log('test');
  }
</script>

Also, you should put your scripts before your </body>

answered Aug 29 '18 at 18:49

dziraf

3,607
1
16
22

bullseye. Thanks! – Zonus Aug 29 '18 at 18:51
1

@DaBlue you just cannot use the script body IF you use src – GottZ Aug 29 '18 at 18:51

score 1 · Answer 2 · answered Aug 29 '18 at 18:51

Put your javascript just before closing body tag (</body>)

And in your case you are binding event handler in the html itself, in this case you have to define those functions before you use them.

In this case put test() function code in head tag. It will work fine

score 0 · Answer 3 · answered Aug 29 '18 at 18:46

0

Your JavaScript (script tag) is outside of html element. Put it in head or body.

answered Aug 29 '18 at 18:46

Axar

521
1
3
11

I just did that and have the same issue. – Zonus Aug 29 '18 at 18:48

Javascript function not found in node.js server

3 Answers3