Уроки Javascript

#3 – Вывод информации. Работа с консолью

#3 – Вывод информации. Работа с консолью

Вывод информации – важная часть в любом языке программирования. Мы научимся выводить информацию в консоль, а также прямиком на страницу веб сайта. Дополнительно за урок мы познакомимся с консолью разработчика.

Видеоурок

Язык JavaScript можно использовать в разных сферах: начиная от сайтов и заканчивая создаем игр (статья на эту тему) и приложений (статья на эту тему). Мы с вами JS будем рассматривать в контексте разработки веб сайтов. По этой причине весь вывод информации мы будем прописывать на страницах сайта.


Вывод на экран

Для вывода информации существует несколько специальных методов. Самый простой способ вывода текста на страницу является использование метода «write». Данный метод наследуется из объекта document.


Пример использования:

// Вывод в одной строке
document.write("Вывод информации");
// writeln - будет выведен с пропуском строки
document.writeln("Вывод информации");

Вы можете использовать этот метод, но его реализация не столь удобна. Метод «document.write» не позволяет указать где и как будет выведена информация. 


Работа с консолью

Для вывода данных в консоль обратитесь к объекту console и его методу «log»:

// Вывод информации в консоль
console.log("Какая-либо информация");

Просмотреть консоль можно из любого браузера. Для её открытия нажмите F12 или, если вы используете Mac – Cmd+Opt+J.

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Вывод данных на экран

Используя JavaScript выведите ваше имя и фамилию на экран в браузере. 


Важно: выведите фамилию с новой строки.

Посмотреть ответ

Решение задания:

document.writeln("Имя");
document.write("Фамилия");

// или же можно использовать символы \n
document.write("Имя\nФамилия");

Получить остальные домашние задания можно после подписки на проект

Большое задание по курсу

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

Также стоит посмотреть

Изучение JavaScript: от нуля и до создания сайта
Практика React JS / Разработка магазина (eCommerce)
9 уроков
Уроки Angular для начинающих
7 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Создание приложения на React JS / Использование API
7 уроков
Уроки Vue.js для начинающих
10 уроков
Комментарии (4)
Добавить комментарий

Алина 21 февраля 2023 в 18:29

Выводит в одну строку
Ответить

Ярослав 30 декабря 2022 в 11:08

Вернее, фамилия с новой строки
Ответить

Ярослав Ігорович 30 декабря 2022 в 11:06

В первом задании важно с первой строки, а ответ
в одну строку.
Ответить

Дмитрий 23 декабря 2022 в 06:36

все равно выводит в одну строчку
Ответить