Jeux de mémoire Javascript
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
Code:
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++
} |
Et voici mon HTML :
Code:
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> |
