Javascript file not working on github pages

Question

I am able to load my javascript file on the local machine. But on github pages, it is not working.

I have included the file in index.html as

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

Any help would be appreciated. Thanks in advance.

Edit 1 I tried to add the following code in my javascript file to check if its working, but it is not working on github page and working locally.

$(document).ready(function(){
    alert("hi");}

Try moving your to the top of the file, see if it works, and check if jquery and the other script files aren't working. — Lorddirt, Jul 10 '18 at 10:12
It is probably definitely your file isn't loading. Check console to see if theres an error. — Lorddirt, Jul 10 '18 at 10:13
@Lorddirt , In console, i can't see any error of file not loading. — Abhishek Kulshrestha, Jul 16 '18 at 07:02

score 13 · Accepted Answer · answered Jul 16 '18 at 07:15

13

Try this

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

Use closing script tag.

For more check this answer.

answered Jul 16 '18 at 07:15

Durga

it works!! but could u please tell why was it working on the local machine then? – Abhishek Kulshrestha Jul 16 '18 at 08:04
@AbhishekKulshrestha check this [post](https://stackoverflow.com/questions/69913/why-dont-self-closing-script-tags-work) and [this](https://stackoverflow.com/a/348818/3551786), they have mentioned everything. – Durga Jul 16 '18 at 08:21

Sebastian Speitel · Answer 2 · 2022-06-09T00:00:01.663

3

<script> tags need a closing tag even if it loads an external script.

You forgot it, so it tries to run </body></html> instead.

edited Jun 09 '22 at 00:00

answered Jul 16 '18 at 07:15

Sebastian Speitel

it works!! but could u please tell why was it working on the local machine then? – Abhishek Kulshrestha Jul 16 '18 at 07:59
Did you use the same browser? – Sebastian Speitel Jul 16 '18 at 08:02
yes. used chrome for both – Abhishek Kulshrestha Jul 16 '18 at 08:04
Does the html-view in the chrome console look the same? – Sebastian Speitel Jul 16 '18 at 08:05
A possiblity I can think of would be, that github.io or localhost adds another element after your ` – Sebastian Speitel Jul 17 '18 at 06:41

score -1 · Answer 3 · answered Jul 16 '18 at 07:14

-1

I think the issue is with wrong spelling.

Try this:

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

I would advise you to move js files in a js directory on the root, following some best practices.

answered Jul 16 '18 at 07:14

Vikas Yadav

3 Answers3