JavaScript memory game!

[ky11a]

I've a memory game. It cannot work. It can only be refreshed and show all. The tile image cannot be flipped. It should be turned over by clicking the tile image with the mouse click.
If the player turns over twp tiles with the same image, the tiles remain face up.
If the player turns over tiles with different images, the tiles are flipped over in 0.8 seconds.

I've uploaded my files into the following links:
freewebs.com/ky11a/index.htm

thanks,

below is the js file:

var x = new Array();
x[0]=0;
x[1]=1;
x[2]=2;
x[3]=3;
x[4]=4;
x[5]=5;
x[6]=6;
x[7]=7;
x[8]=8;
x[9]=9;
x[10]=10;
x[11]=11;
x[12]=12;
x[13]=13;
x[14]=14;
x[15]=15;

for (i=0;i<=15;i++) {
ri=Math.floor(Math.random()*(16-i))+i;
temp=x[ri];
x[ri]=x[i];
x[i]=temp;
}

var Tiles = new Array();
Tiles[0]=new Image();
Tiles[1]=new Image();
Tiles[2]=new Image();
Tiles[3]=new Image();
Tiles[4]=new Image();
Tiles[5]=new Image();
Tiles[6]=new Image();
Tiles[7]=new Image();
Tiles[8]=new Image();
Tiles[9]=new Image();
Tiles[10]=new Image();
Tiles[11]=new Image();
Tiles[12]=new Image();
Tiles[13]=new Image();
Tiles[14]=new Image();
Tiles[15]=new Image();

Tiles[x[0]].src="image1.jpg";
Tiles[x[1]].src="image2.jpg";
Tiles[x[2]].src="image3.jpg";
Tiles[x[3]].src="image4.jpg";
Tiles[x[4]].src="image5.jpg";
Tiles[x[5]].src="image6.jpg";
Tiles[x[6]].src="image7.jpg";
Tiles[x[7]].src="image8.jpg";
Tiles[x[8]].src="image1.jpg";
Tiles[x[9]].src="image2.jpg";
Tiles[x[10]].src="image3.jpg";
Tiles[x[11]].src="image4.jpg";
Tiles[x[12]].src="image5.jpg";
Tiles[x[13]].src="image6.jpg";
Tiles[x[14]].src="image7.jpg";
Tiles[x[15]].src="image8.jpg";

[pronerd]

Please do not post your homework on the forum.

[RamananKalirajan]

Hi Man, u can very well do that, if you are constructing 4X4 table means u will be using 16 images (i.e. 1 image twice so u will be using only 8 images), use random function to generate an integer no from 1 to 8, have a count variable for all the no. bcause no no. should be repeated more than twice. After placing all the images place 16 div with dark color background all over the cells on click of the div check its even no click or odd no click - if it is a odd no click hide the div which is placed over the image and display the image if it is even no. click just get the img src from both the image and check wether they are same if not means use the setTimeout() to make the div display over the image. If the user had selected the correct pair decrement the total no of image so that when all the images are found correctly with that counter value u can alert some messages. Any doubts post it i will try to help u out.

Regards
Ramanan Kalirajan

[acoder]

If this is homework, post just the part that you are having problems with and what you've tried. See the site policy on homework questions: Posting Homework or Coursework questions and answers.

Moderator.