Discussion :

[bj303931]

Bonjour, j'aimerais faire ceci:



Or, j'obtiens ceci:



Mon code:

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
 
for(i=0; i<taille; i++){
 
if (nord=='white'){document.getElementById(n).style.backgroundColor='red';}    
 
if (sud=='white'){document.getElementById(s).style.backgroundColor='yellow';}
 
if (est=='white'){document.getElementById(e).style.backgroundColor='blue';}
 
if (ouest=='white'){document.getElementById(o).style.backgroundColor='green';}
 
var n=x-3-2*taille;
var nord=document.getElementById(n).className;
//document.getElementById("n").innerHTML=nord;
var s=x+3+2*taille;
var sud=document.getElementById(s).className;
//document.getElementById("s").innerHTML=sud;
var e=x+1;
var est=document.getElementById(e).className;
//document.getElementById("e").innerHTML=est;
var o=x-1;
var ouest=document.getElementById(o).className;
//document.getElementById("o").innerHTML=ouest;
}

Je ne comprends pas j'ai fais une boucle pourtant...

Merci pour votre aide.

Le code complet:

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
function clic(x){
 
var i=0;
 
var milieu=document.getElementById(x).className;
if(milieu=='white'){document.getElementById(x).style.backgroundColor='pink';}
 
var taille=document.getElementById('taille').value;
taille=taille-1;
 
var n=x-3-2*taille;
var nord=document.getElementById(n).className;
//document.getElementById("n").innerHTML=nord;
var s=x+3+2*taille;
var sud=document.getElementById(s).className;
//document.getElementById("s").innerHTML=sud;
var e=x+1;
var est=document.getElementById(e).className;
//document.getElementById("e").innerHTML=est;
var o=x-1;
var ouest=document.getElementById(o).className;
//document.getElementById("o").innerHTML=ouest;
 
document.getElementById(mem).innerHTML='';
document.getElementById(x).innerHTML='+';
 
document.getElementById('b').innerHTML="Tu va de "+mem+" a "+x;
mem=x;
 
for(i=0; i<taille; i++){
 
if (nord=='white'){document.getElementById(n).style.backgroundColor='red';}    
 
if (sud=='white'){document.getElementById(s).style.backgroundColor='yellow';}
 
if (est=='white'){document.getElementById(e).style.backgroundColor='blue';}
 
if (ouest=='white'){document.getElementById(o).style.backgroundColor='green';}
 
var n=x-3-2*taille;
var nord=document.getElementById(n).className;
//document.getElementById("n").innerHTML=nord;
var s=x+3+2*taille;
var sud=document.getElementById(s).className;
//document.getElementById("s").innerHTML=sud;
var e=x+1;
var est=document.getElementById(e).className;
//document.getElementById("e").innerHTML=est;
var o=x-1;
var ouest=document.getElementById(o).className;
//document.getElementById("o").innerHTML=ouest;
}
 
var Tt=(taille+3)*(taille+3);
var nT=new Array(Tt);
for (i=0; i<Tt; i++){nT[i]=0;}
i=Tt;
 
while(i>0){
    if(nord=='white'){nT[i]==1;}
    i=i-3-2*taille;
    nord=document.getElementById(i).className;
}
 
document.getElementById("a").innerHTML=nT;
 
}