Создать HTML с помощью JS | createElement()
Автор: Angela Design
Загружено: 2020-06-01
Просмотров: 58125
В этом видео я расскажу, как создать 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
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
