Скачать или смотреть Создать HTML с помощью JS | createElement()

В этом видео я расскажу, как создать HTML-код с помощью JavaScript. Я покажу, как добавить EventListener к кнопке, которая будет вызывать функцию. Я расскажу, как использовать createElement() для создания div-элемента в HTML-коде, как добавить класс к этим новым div-элементам и альтернативные стили.

Codepen: https://codepen.io/angeladelise/pen/x...

В этом видео я покажу вам:
0:29 — Начальный код
1:38 — Переменные в JavaScript
2:31 — Добавление EventListener к HTML-кнопке
3:10 — Функция AddNew Div
3:23 — Как использовать createElement
4:18 — Как использовать appendChild для body
5:01 — Как добавить класс к newDiv
6:41 — Как поместить newDiv в определённый контейнер
8:19 — Как сделать так, чтобы newDiv располагались горизонтально
9:23 — Как чередовать стили div с помощью :nth-child

Хотите улучшить передачу данных от дизайнера к разработке? Посмотрите мой рабочий процесс Sketch в Zeplin здесь: https://www.youtube.com/watch?v=D3ZF2...

#htmlcssjs #jstutorial #createelement

Давайте подключимся
Dribbble: https://dribbble.com/angeladelise
Блог:   / angeladelise