Как создать сайт

Работа в консоле браузера, console.log.

Здравствуйте!  В этом уроке речь пойдет о таком незаменимом средстве отладке программ на JavaScript, как консоль браузера, с помощью оной можно отлаживать программу в броузере. В браузерах есть такая штука.  Для примера в  броузере Google Chrome, чтобы вызвать консоль надо  нажать F12:

консоль браузера

 

При этом в нижней части окна  браузера  появится консоль:

Запуск консоли браузера

 

Вы можете  набирать код программы непосредственно  консоле, и этот код будет выполнен.  Давайте для примера введем следующий текст:

alert("Привет мир");

 

Браузер тут же выполнит скрипт  и вы должны увидеть такое  окно с сообщением.

Скрипт, запущенный в консоли браузера

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
<title>JavaScript</title>
</head>
<body>
    <h2>Первая программа на JavaScript</h2>
    <script>
    var b = 5 + 8;
    console.log("Результат операции");
    console.log(b);
    </script>
</body>
</html>

Просмотреть  пример

В  примере  мы объявляем  переменную,   в которой присваиваем  сумму 2 чисел 5 и 8:  вот таким образом var b = 5 + 8.  Ну и дальше с  помощью функции  console.log()  выводим значение переменной в консоли. После  открытия страницы в браузере в консоли  будет показан результат:

 

Дальше по ходу курса мы часто будем пользоваться этой функцией console.log().

результат работы скрипта в консоли

Смотрите видео как отлаживать код в консоли.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Плюсануть
Поделиться
Читайте также  Что такое JavaScript
Понравилась запись? Подпишитесь на обновления по почте:

Об авторе

admin administrator

Оставить ответ

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: