Discussion :

[Victofu]

Bonjour, c'est encore moi ^^

J'essaye toujours de faire un morpion, et j'en suis au stade où on peut cliquer sur les cases, et où les ronds et les croix apparaissent en alternance (comme dans un vrai morpion finalement).

Voici le tableau qui me sert de grille de jeu :

Code html :

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
<table id="grille">
	<tr>
		<td id="A1" nowrap="nowrap" onclick="placerSigne(id)"></td>
		<td id="B1" nowrap="nowrap" onclick="placerSigne(id)"></td>
		<td id="C1" nowrap="nowrap" onclick="placerSigne(id)"></td>
	</tr>
	<tr>
		<td id="A2" nowrap="nowrap" onclick="placerSigne(id)"></td>
		<td id="B2" nowrap="nowrap" onclick="placerSigne(id)"></td>
		<td id="C2" nowrap="nowrap" onclick="placerSigne(id)"></td>
	</tr>
	<tr>
		<td id="A3" nowrap="nowrap" onclick="placerSigne(id)"></td>
		<td id="B3" nowrap="nowrap" onclick="placerSigne(id)"></td>
		<td id="C3" nowrap="nowrap" onclick="placerSigne(id)"></td>
	</tr>
</table>

Et le js :

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
var tourCroix = true; /* Afin de savoir quel symbole est "en train de jouer", et donc quelle image placer */
var sourceImage; /* Sera modifiée selon l'image que l'on souhaite utiliser (rond / croix) */
var image; /* Variable qui contiendra la source complète de l'image à afficher. On l'utilisera lorsque on voudra placer un des signes */
 
 
function placerSigne(id) {
	var sourceImage = 'Rond.png'; /* On prédéfini la source de l'image comme étant le rond */
 
	if (tourCroix === true) {
		sourceImage = 'Croix.png'; } /* Si c'est le tour du J1 on défini la source comme étant la croix, sinon on laisse le rond pour le J2 */
 
	image = '<img src="' + sourceImage + '"/>'; /* On attribut à "image" la source complète de l'image à afficher */
	document.getElementById(id).innerHTML = image; /* On affiche dans la case cliquée l'image */
 
	tourCroix = !tourCroix; } /* Toggle la variable entre true et false pour faire alterner les tours */

Le problème que j'ai maintenant, est que je ne sais pas vraiment comment détecter lorsque quelqu'un gagne.
J'ai cherché sur internet, et j'ai trouvé plus où moins ce que je cherchais mais je ne comprenais pas vraiment le code, de plus il ne correspondait pas vraiment à ce que je veux faire.
Il me faut détecter lorsque 3 images de rond ou de croix sont alignées dans les 3 lignes verticales et les 3 lignes horizontales ainsi que dans les 2 diagonales.
Auriez vous une idée ?

Merci

[eleydet]

Bonjour,

Une solution, peut-être, est de s'aider d'un objet :

Code :

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

1
2
3
 
var case={};
case.A1=case.A2=case.A3=case.B1=case.B2=case.B3=case.C1=case.C2=case.C3="vide";

Puis, dans la fonction placerSigne(id) :

Code :

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

1
2
3
4
5
6
 
function placerSigne(id) {
   ...
   if (tourCroix === true) {
   case[id]="croix";
   ...

Enfin, il faut identifier les combinaisons gagnantes :

Code :

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

1
2
3
4
5
 
var gain="";
if (case.A1=="croix"&&case.A2=="croix"&&case.A3=="croix") gain="croix";
if (case.B1=="croix"&&case.B2=="croix"&&case.B3=="croix") gain="croix";
...

[Invité]

Bonjour,

avant de commencer à coder, on doit REFLECHIR, avec un PAPIER et un CRAYON.
Ca permet de se poser les bonnes questions, de comprendre et d'organiser ce qu'on doit faire pour aboutir. C'est la phase de CONCEPTION.

Dans ton code, à aucun moment :

• tu n'enregistres les coups joués
• tu vérifies si la case a déjà été jouée ou pas (une case déjà jouée ne doit plus être cliquable)

eleydet te donne un début de piste :

• enregistrer chaque coup dans un tableau
• lister les conditions requises pour gagner la partie

N.B. En cherchant un peu , on trouve aussi des scripts : ici, ou ici, ou encore là.
Ca peut être intéressant de regarder (et ETUDIER) les codes...

[Victofu]

Merci à vous 2 ! Je débute en informatique et code, je vais essayer d'appliquer vos conseils