How to write JavaScript in an External File?

Javascript Web Development Front End Technology

Create 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 in the same web page to increase 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>

Amit Sharma

Updated on: 13-Jun-2020

7K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started