3 Ways to Add JS to HTML
Mohamed Amine Fh
Posted on October 17, 2021
1. Internal
The 1st one is by placing the <script> tag in the <head> or in the <body>.
if you placed in the body make sure it's before the closing
<body>tag, so your scripts will run for all the elements in the body.
This way is not for daily use or for big projects, because the html file will be complicated more and more.
2. External
The 2nd is by creating a JS file and link it inside your HTML .
In this example we created a Javascript file named script.js and linked it using the script tag. put the path to your JS file in the src.
3. Inline
The last way is the inline way. by adding an event listener inside any HTML element you want to run your scripts on.
SO the above code runs when the user clicks on the body
The common used way for daily programming is the External way
Posted on October 17, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
