JavaScript – Вступ

Консоль браузера — це потужний інструмент для розробників, який дозволяє переглядати помилки на сторінці, виконувати JavaScript-код, відстежувати мережеві запити та інше.

Як відкрити консоль:

1) Натисніть F12 на клавіатурі або правою кнопкою миші на сторінці та виберіть опцію "Перевірити" (Inspect).

2) Відкриється панель розробника з вкладками, серед яких знаходиться Console.

3) У консолі можна вводити команди, перевіряти помилки на сторінці, тестувати JavaScript-код тощо.

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

В як це виглядатиме в HTML-файлі:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>1 JavaScript - Вступ</title>
	</head>
	<body>
		<script></script>
	</body>
</html>

Тут ми створили тег script у тезі head (тут ми і будемо писати наш JS код).

Зовнішній скрипт:

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>1 JavaScript - Вступ</title><script src="script.js" defer></script></head><body></body></html>

У цьому випадку файл з JavaScript кодом з назвою script.js знаходитися в тій же директорії, що і HTML-файл.

А "defer" робить так що наш код виконується після завантаження сторінки.

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

let number = 25; // Числове значення
let string = "Hello"; // Рядкове значення
let isTrue = false; // Логічне значення (true або false)

Для виведення значень змінних можна використовувати функцію console.log():

console.log(number);  // Виведе: 25
console.log(string);  // Виведе: Hello
console.log(isTrue);  // Виведе: false

Спливаюче вікно з повідомленням показує функція alert() :

alert("Це повідомлення з'явиться у вікні!"); 
 alert("Ми кажемо вам " + string); // Спливаюче вікно з повідомленням зі значенням string

Таким чином, можна оголошувати змінні, працювати з ними та виводити їх у консоль або за допомогою спливаючих повідомлень.