Why my script.js file doesn't work but the JavaScript code inside of the index.html file works?

Question

When i add this:

<script src="script.js"></script>
<script src="jquery-3.5.1.min.js"></script>

to my index.html file in the head of the file, and i create a JavaScript file, it looks like the html doesn't recognize it.

But when i add this:

<script type="text/javascript">
    //code
</script>

to my index.html file in the body of the file, all of the code i done in JavaScript works.

Can somebody explain why this happens?

add your external js files at the bottom of the body instead of the head — clod9353
– clod9353, Commented Jan 6, 2021 at 23:30

Faisal · Accepted Answer · 2021-01-07 00:07:28Z

1

It’s always a good practice to add jQuery code just before the closing </body> tag. If you have not done that, then use the defer attribute.

Also if you’re writing jQuery code make sure that your code is placed after the jQuery link code.

answered Jan 7, 2021 at 0:07

Faisal

1651 silver badge7 bronze badges

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

Comments

Love2Code · Accepted Answer · 2021-01-07 02:39:20Z

1

Don't add your JS files in the head. You are most likely going to be accessing DOM elements, and those elements are defined in the HTML. If you insert a script above the html, the elements won't be recognized because they're not defined yet. Add all of your scripts after the body, I add mine after the closing html just to be safe. And please add your script after your jQuery script.

answered Jan 7, 2021 at 2:39

Love2Code

4806 silver badges21 bronze badges

Collectives™ on Stack Overflow

Why my script.js file doesn't work but the JavaScript code inside of the index.html file works?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related