Memory Game Programming JavaScript Tutorial

In this programming exercise you can learn to create a JavaScript powered memory game that you can easily enhance and extend as your skills improve as a JavaScript programmer. We will use HTML and CSS for the looks and user interface.

[TheDezembro]

This helped me very much Adam...

I'm not sure if you read comments or not, but seriously, thank you very much, this not only helped me in a class, it also gave me more insight into Javascript in Html :)

[chetan]

Greatest thing about ur videos is clarity in ur explanation, its neat and clear.u make difficult things understand so easily

[YannisStarwalker]

I have been struggling to make this memory game since your tutorial about flipping cards was posted but I never got it to work, So, , , really THANK YOU, Adam!! :)

[someutubchannel]

You have a natural talent to explain!
Thanks for sharing your knowledge!!

[jujuandjesus]

Only one complaint, but first, I am very happy to have stumbled onto this corner of the Internet. Okay, to the complaint. The white spaces at the corner of the memory cards creates a powerful optical illusion that scatters dark dots across the board. This is probably one of the strongest examples I've seen of this phenomena, but probably not what you were going for.

[kentlovelace]

Dude! I love you man. You have a way of simplifying stuff that I get. Another great tut. Don't stop doing your thing!

[TRICH-zbst]

just love you man, still the best in 2020 <3

[manji]

Excellent tutorial !!! Can you pls do tutorials on how to apply SEO to real world website. ..watched so many tutorias on what seo is and techniques etc yet no idea about how to apply it to the website. ..thanks a lot

[sunmustbedestroyed]

Great tutorial. @Dude below. Why not just create a normal Javascript clock (with Date() object) and apply LED/LCD fontface?

[strangburton]

Excellent video, really well explained, I recommend this highly for anyone learning JS.

One comment: I had to take out the 'on repeat' on two of the lines setting the background style back to the image, within the flip2back function; with 'on repeat', my image did not display consistently with the CSS settings.

Thanks for that script and video!

[shineglowcreations]

Thanks a lot... Really helpful.. Got some valuable stuff✌

[kambizdoonboli]

Great tutorial. This tutorial is now featured on PencilTree, in the javascript subject.

[shaunrandall]

Hey adam you ever thought about making a game programming bootcamp series, just like how you did with bootcamp canvas training, json, and audio series? That would defintely be the next level in javascripting at a more advance level...

[JSR]

Thanks for tutorial, Adam.

Can you explain what you wrote inside the memory shuffle prototype function? Those variable names seem pretty confusing to me....

[AnotherKentPaul]

Adam, can you please do a tutorial on how to create images using JavaScript? Or is there already one you would recommend?

[jensbo.]

Thank you very much for this great tutorial.
I have just one question: is there a way to use images instead of the letters A, B, C, ...? I´m not sure where to put them into the JS Code.

[mustapharaimilawal]

Hi Adams, thanks for this video. Could you do a tutorial on an "explore and learn" javascript game ? please.

[muhammadnazmulhasan]

Very nice tutorial. Can i make the same game with PHP Script?

[mradel]

Great job Adam, keep up the good work :)

[ShoutToYourOwn]

hi, i'd like to implement your game but i have a problem. all my tiles form one big image so i can't use div#memory-board >div background... (i'm using different images as tiles). is it also possible to make a memory card game on this way?