Drag & Drop With Vanilla JS

Toggle fullscreen Fullscreen button

Sharing buttons:


what's going on guys in this tutorial

we're going to look at JavaScript drag

and drop events and we're going to

create this little application here with

some HTML CSS JavaScript and we're going

to be able to grab an image and you'll

see when I hover over any of these boxes

that it gets darker and it gets a

different kind of border and I can drop

it in okay so we can move it into any of

these boxes now obviously this by itself

is not really a full application but I'm

going to show you how to implement this

kind of UI so you could you know use it

in a game or anything where you'd want

this kind of effect all right so let's

go ahead and get started I'm gonna open

up vs code and I have my file structure

already complete basically it's just an

index.html file