Створення елементів 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 c...

Завдання доступні після придбання курсу

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....

Завдання доступні після придбання курсу