Вывод информации в JavaScript на страницу. Методы innerHTML, textContent

Task 01

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

console.log(256);
console.log('Hello');
console.log(true);
Task 02

Напишите вывод в консоль числа 777.

Task 03

Напишите вывод в консоль строки 'JavaScript'.

Task 04

Для вывода информации в элемент (HTML) на странице применяется несколько команд. Самая простая команда - textContent. Для вывода нужно получить элемент, и присвоить значение свойству textContent. Давайте научимся делать первую часть операции - получать элемент со страницы. Самый простой вариант - получение элемента у которого есть id - уникальный идентификатор. В таком случае применяется метод getElementById(). Изучите конструкцию ниже. Данная конструкция позволяет "получить" для дальнейшей работы элемент по его идентификатору.

console.log(document.getElementById('out-4'));
Task 05

Выше мы научились получать элемент по id, однако...

Задачи доступны после покупки курса

Task 06

Напишите код, который получает элемент out-6 по id...

Задачи доступны после покупки курса

Task 07

Мы получали элемент по id, однако последние годы...

Задачи доступны после покупки курса

Task 08

Выведите в элемент .out-8 текст 'JS 24', примените...

Задачи доступны после покупки курса

Task 09

Поскольку мы применяем querySelector, то можем писать любые...

Задачи доступны после покупки курса

Task 10

Применяя querySelector запишите в параграф внутри .out-8 текст...

Задачи доступны после покупки курса

Task 11

Особенностью querySelector(), является то, что если элементов на...

Задачи доступны после покупки курса

Task 12

Мы все время применяем свойство textContent для вывода....

Задачи доступны после покупки курса

Task 13

Давайте изучим еще способы вывода информации в парные...

Задачи доступны после покупки курса

Task 14

Выведите в .out-14 строку '<p>The Bath Item <em>Gift</em>...

Задачи доступны после покупки курса

Task 15

Простое свойство innerHTML позволяет создавать элементы на странице....

Задачи доступны после покупки курса

Task 16

Выше мы применяли команды textContent и innerHTML. Обе...

Задачи доступны после покупки курса

Task 17

Можно ли делать не перезапись, а добавление информации...

Задачи доступны после покупки курса

Task 18

Допишите с помощью innerHTML в .out-18 строку следующего...

Задачи доступны после покупки курса

Task 19

Изучите пример ниже. В нем мы расписываем операцию...

Задачи доступны после покупки курса

Task 20

Получите с помощью textContent текст из .out-20. Выведите...

Задачи доступны после покупки курса