Master JavaScript Drag and Drop with Chess Example!

____

⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.

You can also find me on:

[redwind]

I've been researching building an online game, and this is just what I need just when I needed it! Thank you so much, Ania!

[Yourdearuser]

This is such a great tutorial, and the coding is so clear and structured! Thanks a lot!

[dAvid_f]

I was looking for a good but not too complex Javascript tutorial, and found it here.
Thanks a lot !

[OPlutarch]

Thanks! The video was useful and funny at the same time 🎉

[RAVISHARMA-hkll]

Good Morning @ania, "I found this tutorial very helpful. I used to play chess, but I never imagined it could be done like this through JavaScript. It is commendable. - thanks

[asierlanchodiego]

Thank you so much, dear Ania! 😊❤ I am amazed I was able to understand most of it given my extremely limited coding knowledge!😂😅 You can be proud of yourself, because this has actually motivated me to become acquainted with JS for the first time!

So, this is what Javascript does!... It basically spies on the target (the chess piece in this case) and sends the info to the console. It is like that Police song which goes like this: "Every breath you take, every move you make... I will be watching.". You know, Ania, during the first 10-15min I was left scratching my head "Why would Ania to activate this 'spy software' on the poor chess piece? Is it a convicted felon or something?"... Now, however, it makes so much sense, because you can have the programme anticipate the response to every "listen.event!

For context, I just know html and some basic CSS. I was, in fact, planning to start with JavaScript tomorrow morning. ❤😊 This looks like some basic project I can try to replicate!

[ChaimDuchovny]

Great video. Very helpful. Thank you very much!

[rw_machine]

Good and useful tutorial. Thanks a lot for your efforts! 😊

[davehugstrees]

This is very helpful. Thanks for the video!

[AndreColon]

Would there be a way to re-visit this tut? - I have to get ready for meetings ;( ... Thank you always!

[IaniDragnev]

The drag and drop events has ended into the space!

[Samtb]

can you please make a tutorial google drive or drop box web 3.0 clone

[sdvogo]

Nice tutorial, I've a problem: sometimes I can drag the image without clicking on it, why?

[skyzane]

Please help. I’m not able to immediately drag the dom element when using in mobile browser (eg. iphone safari), i have to hold down the dom element a couple of seconds before i’m able to actually picked it up and drag it.

[davidjacobs]

Hola cosita bonita. te considero mi sensei. gracias por los tutoriales, con tu contenido empecé a poder lograr proyectos.

[MenyWoW]

How to add to the code so that the figure image moves around the screen and is not visible in the start square

[david-wkph]

Hey where is all the game videos? 32 videos just gone? Ania please return them, i love to learn js from this videos

[david-wkph]

@ania kubow Hey where is all the game videos? 32 videos just gone? Ania please return them, i love to learn js from this videos

[sicfxmusic]

Remember doing something similar long ago with jQuery UI 💦💦

[abdelilahessemlali]

how to save drag and drop after refresh javascript?