How do you import a local js file into a basic html file?

Question

I have a very basic html file that uses a script tag to import a javascript file, but the javascript file is not run when I load the html locally in a browser. How am I formatting the script tag incorrectly?

Folder Structure

-folder
  --test.html
  --script.js

test.html

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>TEST</title>
</head>

<body>
  <p>TEST</p>
  <script type='text/javascript' src="script.js" />
</body>
</html>

script.js

console.log('HELLO WORLD')

(function () {
  setTimeout(() => alert('HELLO WORLD'), 3000)
})();

Does this answer your question? [How to run a function when the page is loaded?](https://stackoverflow.com/questions/4842590/how-to-run-a-function-when-the-page-is-loaded) — R Greenstreet, Jan 27 '21 at 22:10

score 2 · Accepted Answer · edited Jan 27 '21 at 22:20

2

You should close your script tag in a separate tag :

<script type="text/javascript" src="script.js"></script>

edited Jan 27 '21 at 22:20

terrymorse

5,564
1
14
19

answered Jan 27 '21 at 22:14

Clément Cartier

110
1
9

score 0 · Answer 2 · answered Jan 27 '21 at 22:45

0

Your script tag is incorrect it should be : <script type='text/javascript' src="script.js"></script>

answered Jan 27 '21 at 22:45

How do you import a local js file into a basic html file?

2 Answers2