Консоль і перший вивід — JavaScript

console.log(...) друкує значення у вікно виводу. Це ваш основний інструмент перевірки під час навчання: побачили очікуване — логіка, ймовірно, правильна; побачили дивне — шукайте помилку вище за потоком виконання. У реальних проєктах консоль браузера (DevTools) показує ті самі повідомлення, плюс попередження й помилки мережі.

Кілька аргументів

Можна передати кілька значень через кому: console.log("сума", 2 + 3). Між ними зʼявиться пробіл. Рядки пишуть у лапках "..." або '...' — для простого тексту різниці майже немає. Числа й логічні значення (true/false) лапок не потребують. Вирази всередині дужок обчислюються перед друком: console.log("Результат:", 10 * 2) спочатку порахує 20, потім покаже текст і число.

Порада

Підпис перед значенням робить вивід зрозумілішим: console.log("Вік:", age) краще, ніж просто console.log(age). Коли аргументів багато, підписи рятують від плутанини в довгому списку рядків консолі. Додавайте одиниці виміру в текст: "Секунд:", "Грн:" — так лог читається через тиждень.

JavaScript

console.log("Привіт");
console.log("Сума:", 10 + 5);
console.log("Чи правда?", true);

Вивід

Натисніть «Запустити» — вивід зʼявиться тут

Підказка

Додайте рядок, що друкує ваше імʼя й рік.

Вивід у консоль

console.log показує значення людині — це головний спосіб перевірити код на старті курсу. Пізніше, коли зʼявляться функції, ви навчитеся також повертати значення через return — тоді результат зможе використати інший код. Поки що достатньо друкувати те, що хочете побачити, і читати вивід у панелі.

Примітка

У браузері є також console.error і console.warn для помилок і попереджень — вони виділяються кольором. На старті достатньо console.log; пізніше різні методи допоможуть швидше знайти проблемний рядок у довгому логі.

Помилки в синтаксисі (забута лапка, зайва дужка) зупиняють виконання до першого console.log. Якщо виводу немає взагалі — читайте текст помилки зверху вниз: там зазначено рядок і тип проблеми. Це нормальна частина навчання, не ознака «я не програміст».

Вправа

JavaScript

Надрукуйте console.log("Hello").

JavaScript

// ваш код

Тести

Ще не перевіряли

Що запамʼятати

console.log показує значення людині — це відладка й навчання на першому модулі. Звикайте одразу після написання коду запускати його й читати вивід: це швидший цикл «написав — перевірив — виправив», ніж гадати наосліп. Коли вивід не сходиться з очікуванням, змінюйте код маленькими кроками й знову дивіться на консоль.