Discussion :

[armoirapizza]

Bonsoir,

dans la fonction ci dessous, je souhaite ouvrir une fenêtre de message et réinitialiser la partie dès que le tableau est trié.
Pourtant ça ne fonctionne pô...

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
	function clickOnMouton(idOfClickedCell)
	{
		alert("this is " + idOfClickedCell + ", with status: " + tabOfMoutons[idOfClickedCell]);
		var idArrivee = idOfClickedCell;
 
		if(tabOfMoutons[idOfClickedCell + 1] == 0 && tabOfMoutons[idOfClickedCell] == 1)
		{
			idArrivee = idOfClickedCell + 1;
			tabOfMoutons[idOfClickedCell] = 0;
			tabOfMoutons[idArrivee] = 1;
		}
 
		else if(tabOfMoutons[idOfClickedCell + 2] == 0 && tabOfMoutons[idOfClickedCell] == 1)
		{
			idArrivee = idOfClickedCell + 2;
			tabOfMoutons[idOfClickedCell] = 0;
			tabOfMoutons[idArrivee] = 1;
		}
		else
		{
			if(tabOfMoutons[idOfClickedCell - 1] == 0 && tabOfMoutons[idOfClickedCell] == 2)
			{
				idArrivee = idOfClickedCell - 1;
				tabOfMoutons[idOfClickedCell] = 0;
				tabOfMoutons[idArrivee] = 2;
			}
 
			else if(tabOfMoutons[idOfClickedCell - 2] == 0 && tabOfMoutons[idOfClickedCell] == 2)
			{
				idArrivee = idOfClickedCell - 2;
				tabOfMoutons[idOfClickedCell] = 0;
				tabOfMoutons[idArrivee] = 2;
			}
			else
				alert("Choisissez un mouton en bonne position ");
 
		}
 
		drawTable();
		if (tabOfMoutons == [2,2,2,0,0,0,0,1,1,1])
		{
			alert("c'est gagné!!");
			initializeGame();
		}	
	}

J'ai essayé en faisant une troisième boucle imbriquée mais c'est pareil...
Si quelqu'un à une idée...

D'ailleurs, peut on créer une div automatiquement à ce moment plutôt qu'une boîte?

[armoirapizza]

Bonjour,

pour la div, je crois savoir comment en jouant sur le style (hidden) mais ça rentre dans le même "if" qui confirme que le tableau a bien cette configuration (trié).
Je ne comprends pas pourquoi ça ne le prend pas en compte...

[armoirapizza]

re bonjour,

j'ai fait une fonction verifyGame() avec des messages alert mais ça ne dit pas si ça a gagné...
Si quelqu'un sait...

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
	<script type="text/javascript">
 
	var tabOfMoutons = new Array();
	 //var idOfCurrentlySelectedMouton = -1; (inutilisé ici)
 
	function initializeGame()
	{
		tabOfMoutons = [0,1,1,1,0,0,2,2,2,0];
		drawTable();
	}
 
	function verifyGame()
	{
	var cGagne = false;
		if(tabOfMoutons == [2,2,2,0,0,0,0,1,1,1])
		{
			cGagne = true;
			alert("c'est gagné!!");
			initializeGame();	
		}
		else
		{
		alert("A vous de jouer");
		cGagne = false;
		}
	}
 
 
 
	function clickOnMouton(idOfClickedCell)
	{
		alert("this is " + idOfClickedCell + ", with status: " + tabOfMoutons[idOfClickedCell]);
		var idArrivee = idOfClickedCell;
 
		if(tabOfMoutons[idOfClickedCell + 1] == 0 && tabOfMoutons[idOfClickedCell] == 1)
		{
			idArrivee = idOfClickedCell + 1;
			tabOfMoutons[idOfClickedCell] = 0;
			tabOfMoutons[idArrivee] = 1;
		}
 
		else if(tabOfMoutons[idOfClickedCell + 2] == 0 && tabOfMoutons[idOfClickedCell] == 1)
		{
			idArrivee = idOfClickedCell + 2;
			tabOfMoutons[idOfClickedCell] = 0;
			tabOfMoutons[idArrivee] = 1;
		}
		else
		{
			if(tabOfMoutons[idOfClickedCell - 1] == 0 && tabOfMoutons[idOfClickedCell] == 2)
			{
				idArrivee = idOfClickedCell - 1;
				tabOfMoutons[idOfClickedCell] = 0;
				tabOfMoutons[idArrivee] = 2;
			}
 
			else if(tabOfMoutons[idOfClickedCell - 2] == 0 && tabOfMoutons[idOfClickedCell] == 2)
			{
				idArrivee = idOfClickedCell - 2;
				tabOfMoutons[idOfClickedCell] = 0;
				tabOfMoutons[idArrivee] = 2;
			}
			else
				alert("Choisissez un mouton en bonne position ");
 
		}
		/*if (tabOfMoutons == [2,2,2,0,0,0,0,1,1,1])
		{
			alert("c'est gagné!!");
			initializeGame();
		}*/	
		drawTable();
 
	}	
 
 
	function drawTable()
	{
		verifyGame(); 
		/*teste avant de lancer la fonction si le tableau est rangé 
		alert("a vous de jouer") fonctionne
		alert("c'est gagné") fonctionne pas*/
 
		var tableContentString = "<tr>";
		for(var i=0; i<tabOfMoutons.length; i++)
		{
			if (tabOfMoutons[i] == 1)
				tableContentString += "<td onclick='clickOnMouton(" + i + ");'><img src='mouton1.png' onmouseover=src='mouton12.png' onmouseout=src='mouton1.png' alt='' witdth=6em id='m1'/>";
 
			else if (tabOfMoutons[i] == 2)
				tableContentString += "<td onclick='clickOnMouton(" + i + ");'><img src='mouton2.png' onmouseover=src='mouton22.png' onmouseout=src='mouton2.png' alt='' witdth=6em id='m2'/>";
 
			else 
				tableContentString += "<td onclick='clickOnMouton(" + i + ");'><img src='' witdth=6em id='m0'/>"; 
 
			tableContentString += "</td>";	
		}
 
		tableContentString += "</tr>";
 
		var tableElement = document.getElementById('moutonTable');
		tableElement.innerHTML = tableContentString;
	}
 
 
 
	</script>

[John Blobsmith]

Si l'alert n'est pas executé c'est soit qu'il y a une erreur javascript, soit que ton test n'est pas bon. Quant je vois ton test je me demande comment ça peut marcher.

Dans beaucoup de langages, quant tu compare 2 tableaux de la sorte, le système va comparer l'adressage du tableau et non le contenu.

[NoSmoking]

Bonjour,
pour t'en convaincre testes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var tab =  [2,2,2,0,0,0,0,1,1,1];
alert( tab == [2,2,2,0,0,0,0,1,1,1]);

[armoirapizza]

Bonjoir,

Merci de vos réponses.
Voilà donc une solution qui marche mais qui ne me plaît pas trop.
Si quelqu'un à une idée plus "pro" je suis preneur, moi je débute tout juste.
J'aurai bien voulu une fonction avec un "return" pour faire joli.
(Après tout c'est noël, je peux toujours demander ).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function verifyGame()
	{
		for(var i=0; i<tabOfMoutons.length; i++)
		{
			if(tabOfMoutons[0]==2 && tabOfMoutons[1]==2 && tabOfMoutons[2]==2)
			{	
			alert("c'est gagné!!");
			initializeGame();	
			}
		}
	}