Давайте разберемся, как можно подключить какой-нибудь Javascript-код, либо Javascript-файл к html-документу. 

Предположим, что у нас имеется 2 файла:

index.html

script.js

html файл - это простая веб-страница, а в файле js - у нас содержится javascript код.

Предположим, что содержимое файла index.html у нас следующее:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
Содержимое
</body>
</html>

Как в этот документ можно добавить какой-либо javascript код?

Есть несколько методов, как это можно сделать.

1 метод. Добавление Javascript-кода непосредственно в файл html. 

Для этого метода нужно создать элемент script в каком-либо html-документа.

<body>
..
<script type="text/javascript">
    alert('Javascript подключен');
    ...
</script>

2 метод. С помощью подключения стороннего файла script.js.

Между тэгами:

<head>
…
<script src="путь_к_javascript/script.js"></script>
</head>

Это 2 основных метода, как можно подключить Javascript к html-документу. Используйте и применяйте это на практике.