Делаем добро вместе Детальнее

Уроки 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: от нуля и до создания сайта
Уроки Vue.js для начинающих
10 уроков
Изучение React JS / Redux библиотеки
9 уроков
Уроки Angular для начинающих
7 уроков
Уроки React Native для начинающих / Разработка приложения с нуля
4 урока
Уроки Node JS и Express для начинающих
17 уроков
Комментарии для сайта Cackle