Task: DESCRIPTION: DRAG-N-DROP enabler
Starting with a simple html page and a dnd
box, objective is to create a drag and drop box using HTML, CSS and JS
- CSS: Style the dndbox such that it appears as a square box at the center of the page.
- Javascript:
- upon dragging and dropping file(s) on the box, a message should be displayed saying "Got X file(s)", where X is the number of files dropped.
- upon dropping any other items, a message should be displayed saying "Not a file".