> For the complete documentation index, see [llms.txt](https://angularlessons.gitbook.io/javascriptiseasy/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://angularlessons.gitbook.io/javascriptiseasy/master.md).
# Розділ 1. Підключення
Отже, відразу до справи! Для роботи нам буде необхідно створити "**папку" ("тека" -** укр.) і в ній відповідно створюємо файли **index.html** та **script.js**. В якості редагування файлів рекомендую на початках використовувати IDE (Integrated development environment - інтегроване середовище розробки, простими словами програма для редагування текстів у файлах для написання програмного коду. Найкращим варіантом буде "[Brackets](http://brackets.io)" - так як він легкий і доволі зручний для навчання).
**index.html** повинен мати наступний текст:
```markup
Document
Hello
```
Створивши даний веб-документ ми знаємо, що завдяки тегам та атрибутам з додаванням CSS ми можемо створити доволі гарну візуальну частину сайту, проте для того щоб сайт почав виконувати якусь логіку, рахувати, обробляти запити тощо - необхідно під'єднати JavaScript(**JS**).
Існує 2 способи підключення **JS** до веб-документу:
1. **Написати код в тегах \** і розмістити його відповідно або в \\, або в \\ нашого документу. Візуально це буде виглядати так:
```markup
Document
Hello
```
Як Ви розумієте - писати таким чином багато коду не вийде бо буде все на купу і важко зрозуміти де закінчується одна дія і починається наступна. Тому на допомогу приходить наступний спосіб, а саме :
2\. **Підключення файлу з кодом до документа**. Ми з Вами вже створили два файли **index.html** та **script.js**. Для того щоб підключити скрипт-файл використовуються вже знайомі нам теги \. в них є атрибут src (від англ. "source") - в який ми напишемо адресу до нашого файлу:
```markup
Document
Hello
```
Тепер стосовно того де краще розміщувати підключення скрипт-файлу. Так як Ви у коді будете використовувати елементи веб-документу (скажімо при натисканні якоїсь кнопки на сайті має відбутись якась дія) важливо запам'ятати одну річ - код читають по порядку і тому скрипт потрібно використовувати після створеного елементу, який Ви в ньому будете використовувати :
```markup
Document
Hello
```
Тому самим правильним його буде підключати знизу тегів \\ , щоб нічого не пропало з поля зору нашого скрипт-файлу:
```markup
Document
Hello
```
Ось так підключаються скрипт-файли. В наступному розділі ми з Вами дізнаємось про способи виведення даних на екран у **JS.**