Самый простой вывод информации - в консоль. Для вывода напишите console.log() и в скобках напишите то, что хотите вывести. Изучите вывод команд ниже. Обратите внимание если нужно вывести строку, то она берется в кавычки.
console.log(256);
console.log('Hello');
console.log(true);Напишите вывод в консоль числа 777.
Напишите вывод в консоль строки 'JavaScript'.
Для вывода информации в элемент (HTML) на странице применяется несколько команд. Самая простая команда - textContent. Для вывода нужно получить элемент, и присвоить значение свойству textContent. Давайте научимся делать первую часть операции - получать элемент со страницы. Самый простой вариант - получение элемента у которого есть id - уникальный идентификатор. В таком случае применяется метод getElementById(). Изучите конструкцию ниже. Данная конструкция позволяет "получить" для дальнейшей работы элемент по его идентификатору.
console.log(document.getElementById('out-4'));Выше мы научились получать элемент по id, однако...
Задачи доступны после покупки курса
Напишите код, который получает элемент out-6 по id...
Задачи доступны после покупки курса
Мы получали элемент по id, однако последние годы...
Задачи доступны после покупки курса
Выведите в элемент .out-8 текст 'JS 24', примените...
Задачи доступны после покупки курса
Поскольку мы применяем querySelector, то можем писать любые...
Задачи доступны после покупки курса
Применяя querySelector запишите в параграф внутри .out-8 текст...
Задачи доступны после покупки курса
Особенностью querySelector(), является то, что если элементов на...
Задачи доступны после покупки курса
Мы все время применяем свойство textContent для вывода....
Задачи доступны после покупки курса
Давайте изучим еще способы вывода информации в парные...
Задачи доступны после покупки курса
Выведите в .out-14 строку '<p>The Bath Item <em>Gift</em>...
Задачи доступны после покупки курса
Простое свойство innerHTML позволяет создавать элементы на странице....
Задачи доступны после покупки курса
Выше мы применяли команды textContent и innerHTML. Обе...
Задачи доступны после покупки курса
Можно ли делать не перезапись, а добавление информации...
Задачи доступны после покупки курса
Допишите с помощью innerHTML в .out-18 строку следующего...
Задачи доступны после покупки курса
Изучите пример ниже. В нем мы расписываем операцию...
Задачи доступны после покупки курса
Получите с помощью textContent текст из .out-20. Выведите...
Задачи доступны после покупки курса