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

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

Вбудований JavaScript

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

Приклад:

Будь ласка, натисніть кнопку Click Me нижче.

Зовнішній JavaScript

Для більших скриптів або коли потрібно повторно використовувати код на кількох сторінках, зазвичай застосовують зовнішні JavaScript-файли. Створіть окремий JavaScript-файл (наприклад, index.js) і підключіть його до HTML-документа за допомогою тегу <script>.

Приклад:

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

Основи JavaScript

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

Змінні

Змінні використовуються для зберігання значень даних. Змінні можна оголошувати за допомогою ключових слів let або const.

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

Функції

Функції — це багаторазові блоки коду, які виконують певне завдання. Функції можна визначати за допомогою ключового слова function.

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

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

Document Object Model (DOM) представляє структуру веб-сторінки. JavaScript дозволяє маніпулювати DOM для динамічної зміни вмісту та поведінки веб-сторінки.

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

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

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

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

Відео-урок