Bonjour,
Je programme en ce moment un jeu de mémoire composer de 12 images en Javascript et j'ai un petit bug dans mon code. En fait lorsque je clique sur mes deux premiere images elle se retourne normalement, mais quand j'essaie de retourner deux autre images la premiere sur laquelle je clique se retourne automatiquement avant même que je puisse en choisir une deuxieme. Donc je vous montre ma fonction :
//Jeux de Mémoire
Et voici mon HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52 var sSource = ""; var nCompteur = 1; var sSource2 = ""; var nCompteur2 = 1; function fct_image(image) { if(sSource == "") { document.getElementById("image" + image).src ="images/image"+image+".png"; } if(nCompteur == 2) { document.getElementById("image" + image).src ="images/image"+image+".png"; if(document.getElementById("image" + image).src != sSource) { /*for(nPause = 0; nPause < 10000000; nPause++ ) { / for(nPause2 = 0; nPause2 < 10; nPause2++ ); { } } */ alert("Suspens"); if(nCompteur2 == 2) { sSource2.src ="images/dosimages.png"; } document.getElementById("image" + image).src ="images/dosimages.png"; } nCompteur2 = 0; nCompteur = 0; } sSource2 = document.getElementById("image" + image) sSource = document.getElementById("image" + image).src; nCompteur2++ nCompteur++ }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75 <div id="contenu"> <center> <table name="TableauImageJeu"> <table border="0px"/> <BR /> Jeu de Mémoire <BR /> <tr> <td> <img id="image1" src="images/dosimages.png" onclick="fct_image(1)"/> </td> <td> <img id="image2" src="images/dosimages.png" onclick="fct_image(2)"/> </td> <td> <img id="image5" src="images/dosimages.png" onclick="fct_image(5)"/> </td> </tr> <tr> <td> <img id="image3" src="images/dosimages.png" onclick="fct_image(3)"/> </td> <td> <img id="image22" src="images/dosimages.png" onclick="fct_image(22)"/> </td> <td> <img id="image6" src="images/dosimages.png" onclick="fct_image(6)"/> </td> </tr> <tr> <td> <img id="image4" src="images/dosimages.png" onclick="fct_image(4)"/> </td> <td> <img id="image32" src="images/dosimages.png" onclick="fct_image(32)"/> </td> <td> <img id="image12" src="images/dosimages.png" onclick="fct_image(12)"/> </td> </tr> <tr> <td> <img id="image62" src="images/dosimages.png" onclick="fct_image(62)"/> </td> <td> <img id="image52" src="images/dosimages.png" onclick="fct_image(52)"/> </td> <td> <img id="image42" src="images/dosimages.png" onclick="fct_image(42)"/> </td> </tr> </table> </center> </div> </body> </html>
Partager