Как правильно сделать drag and drop элемента «p»?

Question

[frondEnd]

Есть div, внутри которого я создаю элементы “p” через отдельный input, формируя todo list, так же есть другой div, в который я хочу перетаскивать элементы “p” из первого div, но вот как реализовать перетаскивание не знаю, помогите пожалуйста, за плюсик в карму)

Comments

[Rustam Bainazarov]

За палюсик в караму могу только это прислать:
https://shopify.github.io/draggable/

[WapSter]

Могу алгоритм этого подсказать. Ловишь событие mousedown находишь координаты при помощи них манипулируешь с css (top left/right, transform) - это будет отвечать за анимацию. внутри mousedown, еще один обработчик нужен mouseup в нем оставляешь перетаскиваемый предмет, относительно координат или находящийся под курсором элемент вставляешь туда элемент. Ну если сам хочешь написать, или просто воспользуйся плагином их много.

Answer 1

[eugene159]

Используй JQuery UI Draggable:
https://jqueryui.com/draggable/

Answer 2

[KononovD]

https://www.w3schools.com/html/html5_draganddrop.asp