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> |
