JS Drag and Drop keynotes

Example 1 - Simple drag n drop events

Draggable 1

Draggable 2

dropzone

Example 2 - Swap 2 draggable elements

To-do

Do homework

Grab some food at the supermarket

Clean up the working desk

Feed the dogs

Code

Example 3 - Move element

To-do

Do homework

Grab some food at the supermarket

Clean up the working desk

Feed the dogs

Code