Скачать или смотреть Drag & drop JavaScript коротко и ясно.

Создадим небольшое приложение, в котором разберём как работает drag and drop. Всё это под отличную музыку и понятные комментарии.
Drag and drop pure / vanila javascript

Вторая часть drag and drop JavaScript - для мобильных устройств
   • Видео  

===== 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-dra...
https://o7planning.org/ru/12297/javas...
https://developer.mozilla.org/ru/docs...

Музыка:
Stephane Picq - Exxolove
Stephane Picq - Water
Stephane Picq - Introduction