# Adding JavaScript to your Page
Updated on Dec 22, 2021 by [Alan Morel](/content/alanmorel/index.html)
## Table of Contents
1. [External](/content/classes/javascript/adding-javascript-external-internal-inline#external/index.html)
2. [Internal](/content/classes/javascript/adding-javascript-external-internal-inline#internal/index.html)
3. [Inline](/content/classes/javascript/adding-javascript-external-internal-inline#inline/index.html)
4. [Console](/content/classes/javascript/adding-javascript-external-internal-inline#console/index.html)
5. [Comments](/content/classes/javascript/adding-javascript-external-internal-inline#comments/index.html)
6. [Resources](/content/classes/javascript/adding-javascript-external-internal-inline#resources/index.html)
Browsers support three different ways of adding [JavaScript](/content/classes/javascript/index.html) to your page. The different ways are **external**, **inline**, and **internal**. Let's take a look at each of these three ways.
## External
You can include any **external** JavaScript file (a file with the `.js` extension) by giving the `script` tag a `src` attribute. The `src` attribute specifies the location of the JavaScript file. The `src` attribute can be used to include JavaScript files from the local file system or from the web. The `src` attribute can also be used to include JavaScript files from a CDN.
The value of `src` is just the path to the file you want to include. This path can be both **relative**, like this:
```html
```
or **absolute**, like this:
```html
```
Place your `script` tag **right before** the closing `body` tag, and you're good to go!
Here's an example:
```html
External JavaScript
Content here
```
## Internal
**Internal** JavaScript is embedding the code directly inside `script` tags inside the `head` tag.
```html
Internal JavaScript
```
The code inside the `script` tags will be executed by the browser right away.
## Inline
You can also embed JavaScript **inline**, for example when it comes to [handling events](/content/classes/javascript/events/index.html). Here's how you can add a click listener to a link:
```html
Click Me
```
## Console
It is important to be aware that your **browser** can run JavaScript via its built-in **console**.
To access your console on Chrome (and most browsers in general), right-click on the page, and select **Inspect**.
What you see now is your **Developer Tools** window. From here you can do many cool things such as monitor how much data has been transferred between you and the server, how long that has taken, and adjust [CSS](/content/classes/css/index.html) styles on the fly.
However, what we are interested in right now is getting to the console. To do so select the **Console** tab at the top.
Once selected, you can write and execute JavaScript right away, for example like printing output using `console.log()`.
## Comments
Leaving **comments** (basically text inside a JavaScript file that the browser ignores) in JavaScript is pretty straight forward.
### Single Line Comments
To add a single line comment, you just prepend what you want as a comment with two slashes, like this:
```javascript
const x = 0; // this is a comment
```
### Multiple Line Comments
When you need your comments to span multiple lines, simply place your comment after `/*` and before `*/`. Everything that gets put inside of those two will be ignored by the browser.
```javascript
const y = 1;
/* this
is
also
a
comment
*/
```
## Resources
- [JavaScript - MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript)