Как сделать drag and drop на HTML и JavaScript

Описание

Если хотите поддержать мой канал подписывайтесь на бусти https://boosty.to/obwebdev или приобретайте курс на Udemy https://www.udemy.com/course/basic-web-dev/?referralCode=5EB87A31100C15E49D95 , получайте сертификат по разработке веб и пишите свой код. При подписке на boosty вы так же получите доступ к курсу и в будущем к стримам, privat чату и всяким плюшкам.


Ссылка на код: https://github.com/AleksandrBorkun/ob-web-dev-shorts/tree/main/dragAndDrop

Темы рвскрытые в видео:
- HTML drag and drop атрибуты
- JavaScript события (listeners)
- цикл for-of

Смотрите больше материалов, с примерами которые можно скопировать на сайте https://obweb.dev/

------------------------------------------------------------------------------------------------------------------------------------------------------------

Перетаскивание элементов (тяни и бросай) встречается сплош и рядом на страницах интернет. В этом видео я покажу как именно сделать этот функционал используя всего немного JS.


00:00 - intro
00:16 - активируем html перетаксивания "draggable"
00:39 - находим события к элементам
02:39 - добавляем drop к контейнеру
04:05 - добавляем drop в указанное место