Твій перший JavaScript-код

Якщо ти ще ніколи не писав жодного рядка коду, ти в правильному місці. Сьогодні ми навчимося робити так, щоб комп’ютер "говорив" з тобою, показуючи просте текстове повідомлення.

Що означає вивід у JavaScript

Коли програмісти пишуть код, їм часто потрібно бачити, що комп’ютер робить за лаштунками. Для цього ми створюємо вивід: це означає, що комп’ютер друкує повідомлення в спеціальній області екрана.

Ця спеціальна область називається консоль. Уяви консоль як приватний блокнот для розробників. Звичайні відвідувачі сайту зазвичай її не бачать, але для тебе це важливий інструмент, щоб перевірити, чи код працює так, як потрібно.

Написання першого рядка коду

Щоб надіслати повідомлення в консоль, ми використовуємо вбудований інструмент console.log(). У цій лекції вивід з’явиться під кодом після натискання Запустити.

Ось твій перший рядок JavaScript-коду:

console.log("Привіт, JavaScript!");

Розбір коду

Розгляньмо кожну частину цієї інструкції, щоб ти точно розумів, що відбувається:

• console.log: Це команда, яка каже комп’ютеру: "Я хочу надіслати повідомлення в область виводу."
• () (дужки): Вони працюють як кошик. Усередині них міститься точне значення або повідомлення, яке ми хочемо показати на екрані.
• "Привіт, JavaScript!": Текст, який ми хочемо надрукувати, записаний у лапках. У програмуванні звичайний текст у лапках називається рядком. Можна використовувати подвійні (" ") або одинарні (' ') лапки, але текст має бути всередині них.
• ; (крапка з комою): Крапка з комою часто позначає кінець інструкції. JavaScript іноді може додати її автоматично, але тут вона робить приклад зрозумілішим.

Міні-завдання

Тепер твоя черга написати трохи коду.

1. Відредагуй блок коду вище.
2. Заміни "Привіт, JavaScript!" на свою улюблену тварину.
3. Натисни Запустити і перевір вивід під кодом.

Підказка: Не забудь взяти назву тварини в лапки, щоб вона стала рядком, і помісти її всередину дужок.

Короткий тест

Запитання 1: Як у JavaScript називається текст у лапках? A) Консоль B) Рядок C) Дужка

Запитання 2: Для чого потрібна крапка з комою (;) в кінці нашого коду? A) Вона позначає кінець інструкції. B) Вона створює новий порожній рядок. C) Вона друкує повідомлення на екрані.

(Відповіді: 1 - B, 2 - A)

Малий виклик

Готовий написати кілька інструкцій?

Для цього виклику напиши два окремі рядки коду.

• У першому рядку виведи своє ім’я.
• У другому рядку виведи свою улюблену їжу.

Пам’ятай використовувати крапку з комою в кінці кожної інструкції.

// розмістіть свій код нижче

console.log()

Підсумок

Чудова робота. Ти офіційно написав JavaScript. Ось коротке повторення того, що ти сьогодні вивчив:

• Команду console.log() можна використовувати, щоб надсилати повідомлення в область виводу для розробників.
• Текст у лапках називається рядком.
• Дужки містять точне повідомлення, яке ти хочеш надрукувати.
• Крапка з комою використовується, щоб позначити кінець інструкції коду.