Свайпніть щоб показати меню

JavaScript — це потужна скриптова мова, яка виконується у браузері та дозволяє змінювати вміст і поведінку вебсторінки. Якщо порівнювати з будинком, JavaScript відповідає за функціональність будинку: електричні системи, водопровід, автоматизацію, центральне опалення — усе, що забезпечує роботу та зручність.

Ось як можна додати JavaScript до HTML-документа:

Вбудований JavaScript

JavaScript можна додати безпосередньо у HTML-документ за допомогою тега <script>. Цей спосіб зручний для швидких, одноразових скриптів.

Приклад:

Натисніть кнопку Click Me нижче.

index.html

index.css

Зовнішній JavaScript

Для більших або багаторазово використовуваних скриптів краще розміщувати JavaScript у окремому файлі та підключати його до HTML-сторінки.

Приклад

Будь ласка, переконайтеся, що переглянули всі три файли у наведеному прикладі.

index.html

index.css

index.js

Основи JavaScript

JavaScript дозволяє додавати інтерактивність і динамічну поведінку до веб-сторінок. Ось деякі базові поняття:

Змінні

Використовуються для зберігання даних.

let age = 30;
const name = "Peter";

Функції

Блоки коду, які можна використовувати повторно.

function greet() {
  alert('Hello, World!');
}

Маніпуляція DOM

Дозволяє JavaScript змінювати вміст сторінки.

document.getElementById('myElement').innerHTML = 'New Content';

Умовні оператори

Виконання різного коду залежно від умов.

if (age >= 21) {
  alert('You are an adult.');
} else {
  alert('You are a minor.');
}

Відеоурок

Примітка

Якщо деякі поняття зараз здаються незрозумілими, це абсолютно нормально. Вони стануть значно зрозумілішими, коли ми почнемо створювати реальні проєкти разом, і ChatGPT допоможе вам крок за кроком.