How To Insert JavaScript in HTML?


There are two ways to Insert/Connect JavaScript to HTML documents. They are:


Use External JavaScript

You can create external JavaScript and link it to the HTML document. First of all, create a JavaScript file, for example, MyScript.js, and type all the JavaScript code you want. Then goto HTML document and inside <head> section add this code.

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

Syntax:

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


Use JavaScript inside the HTML document

You can also type JavaScript code inside the HTML document using <script></script> tag inside <head> or <body> section. For example:
<html>
<head>
</head>
<body>
 <button onclick="text()">Click</button>
  <button onclick="date()">Date</button>
  <p id="demo"></p>
  <p id="date"></p>
 
  <script>
      function text(){
  document.getElementById('demo').innerHTML="IronMan";
      }
      function date(){
         document.getElementById('date').innerHTML=Date();
      }
  </script>
</body>
</html>


Syntax:

<script>
....JS code....
    ..............................
......................
</script>


Trending Posts

What Are The Use of Function Keys F1 to F12 on The Keyboard?

Computer Hardware and Software

How Do Browsers Make Money If They Are Free To Use?

How to Block a Website? A Simple Guide for All Devices

How To Create a Fake Facebook Login Clone Using Only HTML and CSS?

8 Characteristics Of Modern Computer

Shield Your Small Business: Must-Have Cybersecurity Strategies

Is TypeScript Frontend or Backend?

🚀 Build a QR Code Generator Using HTML, CSS & JavaScript

10 AI Coding Tools That Actually Made Me a Worse Programmer (2025 Edition)