![Exercise: Obtrusive Obtrusive](/content/images/size/w720/2022/06/exercise-alert-box--1-.png)
Javascript Setup
![Exercise: Obtrusive Obtrusive](/content/images/size/w720/2022/06/exercise-alert-box--1-.png)
![Always place the scripts at the bottom of the HTML](/content/images/size/w720/2022/06/always-place-the-script-tag-at-the-end-of-html--1-.png)
Always place the scripts at the bottom of the HTML
![How to link Javascript file to HTML](/content/images/size/w720/2022/06/linking-the-javascript-file.png)
How to link Javascript file to HTML
You can link a Javascript file to the HTML document in two easy steps:
Step 1: Create a file that ends with a .js extension
Currently, the browser-supported file extension for the Javascript files is .js.
So, we have to create a file that ends with .js extension.
For example:
![Introducing the script tag](/content/images/size/w720/2022/06/html-script-tag.png)
Introducing the script tag
![Code editors for Javascript](/content/images/size/w720/2022/06/code-editor--2-.png)