linking JavaScript to HTML file

Question

I am at my wits end with linking a javaScript file to my main.html, they are both in the same folder.

I have viewed multiple Stack overflow topics regarding this question, and for some reason none of the solutions solve my answer.

My current code is what I have below:

[main.html]

 <!DOCTYPE html>
 <head>
   <link rel="javascript" href="jsfile.js">

   <title>JavaScript</title>
 </head>
   <body>
      <div class="Header">
         <h1>JS Basics</h1>
      </div>
   </body>

[jsfile.js]

document.write("Hello World");

This code does not display the "Hello World" message, however if i insert the code directly into the HTML file it does.

I appreciate any and all help on this matter.

Check your network tab - sounds like the file isn't being linked properly — CertainPerformance
– CertainPerformance, Commented Apr 7, 2019 at 19:46
href is not the way to include js. You should use src instead, and it should be in a script element, not link. That approach you used is for styling. — Mihai
– Mihai, Commented Apr 7, 2019 at 19:58

Obaidul Kader · Accepted Answer · 2019-04-07 19:54:12Z

5

Add like following not with link.

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

answered Apr 7, 2019 at 19:54

Obaidul Kader

2171 silver badge7 bronze badges

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

Comments

David Buck · Accepted Answer · 2020-07-28 15:49:09Z

1

Just type:

<script src="yourJavascriptFilename.js"></script>

Most importantly add this line to the bottom of your body tag to avoid your browsing requesting JavaScript to be loaded before displaying your HTML.

edited Jul 28, 2020 at 15:49

David Buck

3,87740 gold badges54 silver badges73 bronze badges

answered Jul 28, 2020 at 14:56

Otee

1184 bronze badges

Comments

ScottieG · Accepted Answer · 2019-04-07 19:57:40Z

0

You're using the incorrect link for JavaScript.

Try using this instead <script src="jsfile.js"></script>

answered Apr 7, 2019 at 19:57

ScottieG

3382 silver badges16 bronze badges

Collectives™ on Stack Overflow

linking JavaScript to HTML file

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related