Memory Game Programming JavaScript Tutorial

Trki, Kody, Cheaty do

543Wasza ocena

Lesson Code: http://www.developphp.com/video/JavaScript/Memory-Game-Programming-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.

Komentarze

Hi Adam,

I would repeat one of the questions below, as I did not find an reply to it, if I may : How to add images to cards instead of letters?
In fact, I was trying to get one side image and the other side the name of the image. Many thanks

Hi Adam, How to add images to cards instead of alphabets

Great job Adam, keep up the good work :)

can we set limitation of click it..like after the user has clicked 10 cards the alert vil show u can't play any more ...pzl help

how to convert this to jquery?

Suppose i want to give pictures instead of the alphabets then what changes should i do??

AWESOME

Adam, you sound like a good ol New Yorker, like me??

Sir I want to put a limits for tiles flip because after several flips we know all cards vales ..so how to set max flip turns Sir..plz help

nice

Thanks a lot man, helped me a lot :D
Keep it up!
subbed.

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

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?

hello can you convert this to Android game?

This is great. I enjoy the teaching method.

How can I add images to the back side of the cards when it first put it down. I did to the css DIV , the radical gradient works , the image does not. /* works         background: radial-gradient(circle, black, white);*/
/* no worky    background: url(images/imagebg.jpg);*/
  border:#000 1px solid;
width:71px;
height:71px;
float:left;
margin:10px;
padding:20px;
font-size:18px;
cursor:pointer;
text-align:center;

Anyone know a way to match like 3+1 and 4 in this? Like match something that isnt identical but has the same value?

Where do we get the tile URLs? They never show up in my page. Do I have to save a file or something?

Hey Adam. I know someone already asked this but it never got a reply. If you click on two tiles that you already correctly matched it continues to count as another match. So in my case with 8 possible matches all you have to do is make one match and then just repeatedly click the two to make 7 more matches without flipping over anymore cards. Also if you click one card you matched and a new card it flips the one card you already matched back over. Obviously the problem is your allowed to continue to click on cards you already matched when you shouldnt be able too. Im sure your aware and probably left it out on purpose to get people to figure out how to fix it but anyone know of solution?

I can not get the memory picture on each of the boxes, can you please help me?