message quand tableau trié

**armoirapizza** · 29/12/2012, 03h46

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** · 29/12/2012, 14h56

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** · 29/12/2012, 19h01

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** · 29/12/2012, 19h51

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** · 29/12/2012, 20h04

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** · 30/12/2012, 01h10

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();	
			}
		}
	}

**John Blobsmith** · 30/12/2012, 08h48

Un retour sert à rien si t'a pas d'information spécifique à retourner. Par contre je ne sais pas dans quelle mesure tu pourrai mettre un "break;" dans ton if. Si tu a trouvé une première fois ce que tu cherche il n'est peut être pas nécessaire de continuer à parcourir le tableau...

**Bovino** · 30/12/2012, 09h53

Tester l'égalité de tableaux pouvant contenir des tableaux.

**NoSmoking** · 30/12/2012, 14h49

Voilà donc une solution qui marche mais qui ne me plaît pas trop.

et pour cause dans ta boucle tu ne vérifies que les 3 premières valeurs de ton tableau

Code :

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

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

...aucune prise en compte du compteur i dans ton code

**armoirapizza** · 30/12/2012, 15h22

@ NoSmoking, je ne teste que les trois premières cases du tableau car cela veut dire que les trois moutons qui étaient à droite sont bien positionnés à gauche et donc tous bien passés.
Donc à la limite, je peux faire la boucle for sur i<tabOfMoutons.length - 6; si ça existe mais sur un petit tableau comme ça je ne verrai pas de différence.

Pour le alert, j'ai remplacé par une fonction jouant sur le display d'une div, c'est plus joli et je ne relance pas automatiquement la partie, ce qui est moins abrupte.

Merci pour les liens d'information.

J'ai pensé aussi aux switch/ break, why not, faudra que je pense à tous les cas. Si je le fais : je le poste pour l'info.

**NoSmoking** · 30/12/2012, 15h46

@ NoSmoking, je ne teste que les trois premières cases du tableau car cela veut dire que les trois moutons qui étaient à droite sont bien positionnés à gauche et donc tous bien passés.
Donc à la limite, je peux faire la boucle for sur i<tabOfMoutons.length - 6; si ça existe mais sur un petit tableau comme ça je ne verrai pas de différence.

tu n'as dans ce cas AUCUNE boucle à faire

Code :

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

1
2
3
4
if (tabOfMoutons[0] == 2 && tabOfMoutons[1] == 2 && tabOfMoutons[2] == 2) {
  alert("c'est gagné!!");
  initializeGame();
}

suffit largement.

**armoirapizza** · 30/12/2012, 16h27

@ NoSmoking:
je venais de me dire la même chose. si si j'vous jure.
Thanks

message quand tableau trié

JavaScript

Discussions similaires

Partager

Partager