How to Use External JavaScript

Javascript / Overview of Javascript

276

1. Create your html file in a folder.
2. Create you external javascript file "myScript.js" in the same folder.
3. Add this code in your HTML file.

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

Program:

<!DOCTYPE html>
<html>
<body>

<h2>Use of External JavaScript</h2>

<p id="demo">This is a Paragraph.</p>

<button type="button" onclick="myFunction()">Try it</button>

<p>(myFunction is stored in an external file called "ExternalScript.js")</p>

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

</body>
</html>


myScript.js
----------------------

function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}

Output:

Run Above Code

Explanation:

No

This Particular section is dedicated to Programs only. If you want learn more about Javascript. Then you can visit below links to get more depth on this subject.