Drag N Drop

🦉 Main information

Simple project that give you a basic understanding of how drag and drop functionality works.

The project goal:

• create a few boxes ans one div instde one of these boxes that includes a background image coming from Unsplash random image
• give a diferent CSS classes for js functionality
• set up it in HTML, style it with CSS and add the functionality with JavaScript

🦊 Useful links

HTMLElement: dragstart event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragstart_event

HTMLElement: dragend event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragend_event

HTMLElement: dragenter event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragenter_event

HTMLElement: dragover event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragover_event

HTMLElement: dragleave event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragleave_event

HTMLElement: drag event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drag_event

HTMLElement: drop event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drop_event

⚡ Built With

HTML5 / CSS3 / JavaScript