Создание элементов в JavaScript

Task 01

В начальных спринтах мы создавали элементы с помощью innerHTML. Давайте вспомним как это было. Создайте заголовок второго уровня с текстом 'Sprint 12'. Поместите элемент в .out-1 с помощью innerHTML.

Task 02

Создание через innerHTML не гибкое, давайте научимся более гибким способам создания элементов в JavaScript. Напишите функцию t02, которая создает через createElement элемент h2, затем через textContent добавьте в созданный элемент текст 'Sprint 12', после чего добавьте через append элемент в .out-2.

Task 03

Функция должна создавать через createElement элемент img, в качестве атрибута src укажите './images/harconen.png'. Добавьте через append созданное изображение в .out-3.

Task 04

Функция должна создавать через createElement элемент img, в качестве атрибута src укажите './images/harconen2.png'. Добавьте через classList класс 'round-img'. Добавьте через append созданное изображение в .out-4.

Task 05

Функция должна создавать через createElement элемент input....

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

Task 06

Данная фукнция автоматически будет срабатывать если таск 5...

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

Task 07

Функция должна создавать через createElement элемент select ...

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

Task 08

Функция должна получать текст из input.i-8, создавать элемент...

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

Task 09

Функция должна создавать элемент 'details' через createElement, создайте...

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

Task 10

Функция должна создавать элемент 'tr' и два элемента...

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

Task 11

Создан элемент div, функция должна добавить через append...

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

Task 12

Функция должна добавлять элемент div (созданный в таске...

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

Task 13

Функция должна добавлять элемент div (созданный в таске...

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

Task 14

Функция должна добавлять элемент div (созданный в таске...

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

Task 15

Функция должна делать replaceWith для .out-15 заменяя его...

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

Task 16

Функция должна делать remove() для элемента .out-16.

...

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

Task 17

Как видно createElement очень гибок, а вместе с...

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

Task 18

Функция t18 должна заменять блок .out-18 строкой 'Задачи доступны после покупки курса

Task 19

Изучите работу метода insertAdjacentHTML на примере функции t19....

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

Task 20

Изучите работу метода insertAdjacentText на примере функции t20....

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