How to place JavaScript in External Files?


To place JavaScript in external file create an external JavaScript file with the extension .js. After creating, add it to the HTML file in the script tag. The src attribute is used to include that external JavaScript file.

If you have more than one external JavaScript file, then add it to the same web page to increase the performance of the page.

Let’s say the following new.js is our external JavaScript file −

function display() {
   alert("Hello World!");
}

Now add the external JavaScript file to the HTML web page −

<html>
   <body>
      <form>
      <input type="button" value="Result" onclick="display()"/>
      </form>
      <script src="new.js">
      </script>
   </body>
</html>

Updated on: 13-Jun-2020

225 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements