Початок роботи з JavaScript

У цьому посібнику ви дізнаєтеся про різні способи запуску JavaScript на своєму комп’ютері.

JavaScript - популярна мова програмування, що має широкий спектр застосувань.

Раніше JavaScript використовувався головним чином для створення інтерактивних веб-сторінок, таких як перевірка форми, анімація тощо. У наш час JavaScript також використовується в багатьох інших сферах, таких як розробка на стороні сервера, розробка мобільних додатків тощо.

Через широкий спектр програм ви можете запускати JavaScript кількома способами:

Використання консольної вкладки веб-браузерів
Використання Node.js
Створюючи веб-сторінки

1. Використання консольної вкладки веб-браузерів

Усі популярні веб-браузери мають вбудовані механізми JavaScript. Отже, ви можете запускати JavaScript у браузері. Щоб запустити JavaScript у браузері,

Відкрийте ваш улюблений браузер (тут ми будемо використовувати Google Chrome).
Відкрийте інструменти розробника, клацнувши правою кнопкою миші на порожній області та виберіть Перевірити. Клавіші швидкого доступу: F12 . Перевірте браузер
На інструментах розробника перейдіть на вкладку консолі. Потім напишіть код JavaScript і натисніть Enter, щоб запустити код. Вкладка консолі в браузері

Використання Node.js

Node - це внутрішнє середовище виконання для виконання коду JavaScript. Щоб запустити JS за допомогою Node.js, виконайте такі дії:

Встановіть останню версію Node.js.
Встановіть IDE / текстовий редактор, такий як Visual Studio Code. У коді VS створіть файл > напишіть код JS > збережіть його із розширенням .js . Код в IDE
Відкрийте термінал / командний рядок > перейдіть до розташування файлу > введіть node hello.js > натисніть Enter . Виконайте код JS у вузлі
Ви отримаєте вихід на терміналі.

Примітка : Також можливо запустити JavaScript у терміналі / командному рядку безпосередньо. Для цього просто введіть nodeі натисніть клавішу Enter. Тоді ви можете почати писати код JS.

Запустити код JS у вузлі

Створюючи веб-сторінки

JavaScript спочатку був створений для того, щоб зробити веб-сторінки інтерактивними, тому JavaScript і HTML йдуть рука об руку. Щоб запустити JS з веб-сторінки, виконайте такі дії:

Відкрийте код VS > Перейдіть до Файл > Новий файл > Збережіть його з розширенням .html . Наприклад, main.html.
Скопіюйте цей тип документа (мінімум дійсного HTML-коду) та збережіть його у файлі.
```
  Programiz 
```
Подібним чином створіть файл JS, напишіть такий код JS і збережіть його із розширенням .js, наприклад main.js.
```
 console.log('hello world');
```
Код JS у файлі
Зсередини файлу HTML нам потрібно зв’язати main.jsфайл, щоб використовувати його. Ви можете досягти цього, додавши наступний код у main.html.
```
 
```
HTML-код у файлі
Відкрийте main.htmlфайл за допомогою браузера.
Щоб перевірити, працює наш код JS чи ні, клацніть правою кнопкою миші веб-сторінку> Перевірити > Вибрати вкладку консолі . Відображення коду JS на вкладці консолі