Отладка программ на JavaScript с помощью console.log и вывод сообщений через alert

JavaScript разработчик [Webcademy]

В JS можно делать пользовательский вывод текста на экран. Для этого используются две разные команды alert и console.

Эти функции используются при отладке и тестирования программ на писанных на JavaScript.

Alert — выводит полноценное окно поверх контента страницы, в котором отображается информация. Чаще всего это окно содержит сообщение об ошибках или предупреждение.

Alert("Текст сообщения для вывода в браузере");

Внутри скобок можно передать параметры функции, например текстовое сообщение.

Заканчивайте фразы точкой с запятой. Ставьте её в конце каждой программы.

Console.log — выводит сообщение в консоли браузера. Консоль есть в любом современном браузере, в инструментах веб-разработчика. Чаще всего это вторая вкладка с одноимённым названием console.

Благодаря наличию консоли вы можете программировать на js прямо в браузере, без необходимости установки дополнительных расширений, редакторов, программ для компиляции и тому подобного окружения.

https://github.com/yurkaronin/webcademy-Javascript-developer/blob/main/3.htm

Как выполнять отладку программ через консоль

Для того что бы вы увидели пример использования функций вывода данных в консоли для отладки программ нам нужно взять простенькую программу = скрипт. Пусть это будет функция с условием, которая работает следующим образом:

У нас есть переменная возраст. Предположим, что это возраст пользователя, который пришёл к нам на сайт.

По условиям работы условия у нас есть два варианта развития событий. Если пользователю меньше 18 лет — мы выводим в консоль текст со словами — Давай по пивку, братишка!

А если пользователю меньше 18 лет — пишем в консоли — Тебе пока что рано пить пиво!

var age = 18;

if (age >= 18){
  console.log("Давай по пивку, братишка!");
} else {
  console.log("Тебе пока что рано пить пиво! Выпей сока или молочка, малыш.");
}

Итоговый скрипт с рабочей программой по ссылке ниже:

https://github.com/yurkaronin/webcademy-Javascript-developer/blob/main/4.htm

Какие бы программы мы не писали, нам всегда может потребоваться понять, в каком именно шаге работы программы мы находимся в данный момент и тут сообщения в консоли нам очень сильно помогают.

Юрий Ронин