Drag & drop JavaScript коротко и ясно.

Создадим небольшое приложение, в котором разберём как работает drag and drop. Всё это под отличную музыку и понятные комментарии. Drag and drop pure / vanila javascript Вторая часть drag and drop JavaScript - для мобильных устройств https://youtu.be/mnsfp9ol4IA ===== Timе-коды ===== 00:00 начало 00:07 предпросмотр результата 00:23 вступление 00:32 HTML разметка 00:45 CSS разметка 02:10 задаём draggable элемент 02:38 получаем элементы в JS 03:10 dragstart 04:06 dragend 07:30 dragover 08:46 dragenter 10:00 drop 13:22 dragleave 14:00 финальный результат код на codepen: https://codepen.io/westerovs/pen/zYrZGrY ===== группа в контакте ===== https://vk.com/webstart_live ===== канал в telegram: ===== https://t.me/webstart_live ps// просто замените красный квадрат на любое изображение и добавьте позиционирование, что бы создать эффект насаживания голов, колов, или чего вашей душе угодно. Позже игру запилю с drag and drop на тему зомби и выложу. Пока не готова) Ссылки на доп. материалы: https://learn.javascript.ru/mouse-drag-and-drop https://o7planning.org/ru/12297/javascript-dragevent-tutorial https://developer.mozilla.org/ru/docs/Web/API/Event/preventDefault Музыка: Stephane Picq - Exxolove Stephane Picq - Water Stephane Picq - Introduction