Самое простое использование JavaScript

Консоль разработчика в браузере

Для быстрого тестирования и экспериментов с JavaScript можно использовать консоль разработчика — встроенную инструментальную панель в любом современном браузере (Chrome, Firefox, Edge, Safari). Открыть её можно сочетанием клавиш F12 или Ctrl+Shift+I (на macOS — Cmd+Option+I), затем перейти на вкладку Console.

Консоль позволяет выполнять JavaScript-код прямо в браузере без создания HTML-файлов. Это идеальное место для проверки синтаксиса, отладки простых выражений и изучения поведения языка в реальном времени.
Pasted image 20250912212732.png

Базовые команды

Вывод в консоль

Для вывода информации в консоль используется функция console.log():

console.log("Привет, мир!");
console.log(42);
console.log(true);

Pasted image 20250912212810.png

Эта команда — основной инструмент отладки на начальных этапах. Она выводит переданные значения в консоль, помогая увидеть, что происходит в коде. Можно передавать несколько аргументов:

console.log("Значение переменной:", variableName);

Также доступны другие методы:

  • console.error() — для ошибок (выводится красным),
  • console.warn() — для предупреждений (жёлтый цвет),
  • console.table() — для удобного отображения массивов и объектов в виде таблицы.

Оповещение в браузере

Для показа пользователю простого сообщения используется функция alert():

alert("Это сообщение от JavaScript!");

Pasted image 20250912212840.png

Она выводит модальное окно с текстом, которое блокирует взаимодействие с страницей до нажатия кнопки «ОК». Используется исключительно для учебных целей и быстрой обратной связи — в реальных приложениях alert() не применяется из-за плохого пользовательского опыта.

⚠️ Не используйте alert() в продакшене — он нарушает поток работы пользователя и не поддерживает стилизацию.