🚀 Programming Example

How to Use External JavaScript

👁 333 Views

💻 Practical Program

📘 Step Learning

In this section you will learn about How to Use External JavaScript.

📌 Information & Algorithm

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 Code

<!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.";
}

🖥 Program Output

Run Above Code

📘 Explanation

🎯 How to learn from this example

First understand the algorithm carefully. Then study the program line-by-line and compare it with the output. Finally, review the explanation section to strengthen your logic and programming understanding.

🔥 Practice suggestion

Rewrite the program without looking at the code. Modify values, conditions or logic and run it again. This helps improve confidence and strengthens coding skills much faster.