JavaScript (Мова Програмування)

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

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

Вбудований JavaScript

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

Приклад:

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

index.html

index.css

<!DOCTYPE html>

<html>

<head>

<title>JavaScript Example</title>

</head>

<body>

<p>Some text content</p>

<button onclick="handleBtnClick()">Click Me</button>

</body>

function handleBtnClick() {

alert("Hi JavaScript!");

}

</script>

</html>

Зовнішній JavaScript

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

Приклад:

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

index.html

index.css

index.js

<!DOCTYPE html>

<html>

<head>

<title>JavaScript Example</title>

</head>

<body>

<p>Some text content</p>

<button>Click Me</button>

</body>

</html>

Основи JavaScript

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

Змінні

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

js
9
1
2
let age = 30;
const name = "Peter";

Функції

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

js
9
1
2
3
function greet() {
  alert('Hello, World!');
}

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

Об'єктна модель документа (DOM) представляє структуру веб-сторінки. JavaScript дозволяє нам маніпулювати DOM, щоб динамічно змінювати вміст і поведінку веб-сторінки.

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

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

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

js
9
1
2
3
4
5
if (age >= 21) {
  alert('You are an adult.');
} else {
  alert('You are a minor.');
}

Відео-урок

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 2. Розділ 4