Morpion :
<br>
<!-- Grille
Chaque touche saisie appelle la fonction jouer() en passant en argument le numéro de la case -->
<input type="button" maxlength="1" id="case_1" onclick="jouer(1);" style="width:50;height:50;text-align:center;position:absolute;top:30px;left:0px;" ><input type="button" maxlength="1" id="case_2" onclick="jouer(2);" style="width:50;height:50;text-align:center;position:absolute;top:30px;left:50px;" ><input type="button" maxlength="1" id="case_3" onclick="jouer(3);" style="width:50;height:50;text-align:center;position:absolute;top:30px;left:100px;" >
<br>
<input type="button" maxlength="1" id="case_4" onclick="jouer(4);" style="width:50;height:50;text-align:center;position:absolute;top:80px;left:0px;" ><input type="button" maxlength="1" id="case_5" onclick="jouer(5);" style="width:50;height:50;text-align:center;position:absolute;top:80px;left:50px;" ><input type="button" maxlength="1" id="case_6" onclick="jouer(6);" style="width:50;height:50;text-align:center;position:absolute;top:80px;left:100px;" >
<br>
<input type="button" maxlength="1" id="case_7" onclick="jouer(7);" style="width:50;height:50;text-align:center;position:absolute;top:130px;left:0px;" ><input type="button" maxlength="1" id="case_8" onclick="jouer(8);" style="width:50;height:50;text-align:center;position:absolute;top:130px;left:50px;" ><input type="button" maxlength="1" id="case_9" onclick="jouer(9);" style="width:50;height:50;text-align:center;position:absolute;top:130px;left:100px;" >
<br>
<input type="hidden" id="case_0" value="X">
<br>
<!-- Boutton qui lance la partie en appelant la procédure lancer() -->
<input type="button" onclick="lancer();" value="Nouvelle Partie" style="position:absolute;top:30px;left:180px;">
<br>

<!-- Champ texte qui indique les informations à l'utilisateur -->
<input type="texte"  id="info" style="width:150;height:25;text-align:center;position:absolute;top:70px;left:180px;" readonly="readonly">

<script>
//Variables globales pour le jeu
var victoire = 0;
var nbclick = 0;
//Tableau des combinaisons possibles
var jeux = [ 7 ];
jeux[0] = new Array(1,2,3);
jeux[1] = new Array(1,4,7);
jeux[2] = new Array(1,5,9);
jeux[3] = new Array(2,5,8);
jeux[4] = new Array(3,5,7);
jeux[5] = new Array(3,6,9);
jeux[6] = new Array(4,5,6);
jeux[7] = new Array(7,8,9);

//Procédure de lancement de la partie
function lancer()
	{
	//Initialisation des variables globales
	nbclick = 0;
	victoire = 0;
	//Boucle d'effacement de toutes les cases du morpions
	var i = 1;
	while ( i <= 9 )
		{
		document.getElementById("case_"+i).value="";
		i++;
		}
	//Choix aléatoire du joueur qui commence la partie
	var choix = Math.random ();
	if ( choix < 0.5 )
		{
		document.getElementById("info").value="A vous de jouer !";//Indication pour le joueur
		//Le joueur doit appuyer sur une case du morpion
		}
	else 
		{
		document.getElementById("info").value="L'ordinateur commence !";//Indication pour le joueur
		ordinateur();//Appel de la procédure de jeu de l'ordinateur
		}
	}
	
//Fonction appellée par l'appui d'une case du morpion par le joueur
function jouer( id ) 
	{
	//Effacement du champ texte
	document.getElementById("info").value="";
	//Traitement du cas ou l'utilisateur appuie sur une case deja remplie
	if( !casejouable( id )) 
		{
		//Affichage du message d'erreur
		document.getElementById("info").value="Case déjà jouée !";
		return false;//Sort de la fonction sans compter le click
		}
	//Ecriture dans la case
	if( nbclick == 0 )//Autorise un seul click
		{
		document.getElementById("case_"+id).value="X";
		nbclick++;//Incrémentation du click
		//Verification de la saisie :
		if ( resultat(combinaison("X") ) == 1 ) //Si le resultat est une combinaison gagnante
			{
			document.getElementById("info").value="Gagné !";
			return 1;//Sort de la fonction pour ne pas continuer le jeu
			}
		else if ( matchnul() == 1)//Sinon si il y a match nul
			{
			document.getElementById("info").value="Match nul !";
			return 1;//Sort de la fonction pour ne pas continuer le jeu
			}
		//Appel de la procédure de jeu de l'ordinateur
		ordinateur();
		}
	}

//Procédure de jeu automatique de l'ordinateur
function ordinateur()
	{
	//Création des variables
	var jeubloquant1 = bloquer(combinaison("X"));
	var jeugagnant = gagner(combinaison("O"));
	switch( compteur("X") )
		{
		case 1 :
		if( compteur("O")>=2 && jeugagnant !=0 ) document.getElementById("case_"+jeugagnant).value="O";
		else document.getElementById("case_"+jeubloquant1).value="O";
		break;
		case 2 :
		case 3 :
		case 4 :
		var jeubloquant2 = bloquer2(combinaison("X"));
		if( compteur("O")>=2 && jeugagnant !=0  ) document.getElementById("case_"+jeugagnant).value="O";
		else if( jeubloquant2 != 0 ) document.getElementById("case_"+jeubloquant2).value="O";
		else document.getElementById("case_"+jeubloquant1).value="O";
		//else document.getElementById("case_"+jeux).value="O";
		break;
		default : //Jeu aléatoire
		document.getElementById("case_"+aleatoire()).value="O";
		break;
		}
	//Verifie si le jeu est gagnant
	if ( resultat(combinaison("O")) == 1 ) 
		{
		document.getElementById("info").value="Perdu !";
		return 1; //Sort de la boucle
		}
	else if ( matchnul() == 1 ) 
		{
		document.getElementById("info").value="Match nul !";
		return 1; //Sort de la boucle
		}
	//joueur();
	nbclick=0;
	}
	
function casejouable( id )
	{
	var contenu = document.getElementById("case_"+ id ).value;
	if( contenu == "X" || contenu == "O" ) return false ;
	else return true;
	}




	
function combinaison( pion )
	{
	var check = "";
	var i = 1;
	while ( i <= 9 )
		{
		if ( document.getElementById("case_"+i).value == pion ) check = check + i;
		i++;
		}
	//document.getElementById("info").value = check;
	return check;
	}

function resultat( chaine)
	{
	for ( i = 0; i <= 7; i++)
		{
		if( chaine.indexOf(jeux[i][0])!=-1 && chaine.indexOf(jeux[i][1])!=-1 && chaine.indexOf(jeux[i][2])!=-1 ) return 1;
		}
	return 0;
	}	
	
function bloquer( chaine )
	{
	var i = Math.floor( Math.random ()*7);
	for ( j=0 ; j <= 7; j++)
		{
		if( chaine.indexOf(jeux[i][0])!=-1 && casejouable(jeux[i][1])) return jeux[i][1];
		else if( chaine.indexOf(jeux[i][1])!=-1 && casejouable(jeux[i][2])) return jeux[i][2];
		else if( chaine.indexOf(jeux[i][2])!=-1 && casejouable(jeux[i][0])) return jeux[i][0];
		if( i == 7 ) i = -1;
		i++;
		}
	return aleatoire();
	}	
	
function bloquer2( chaine )
	{
	var i = Math.floor( Math.random ()*7);
	for ( j=0 ; j <= 7; j++)
	//for(i=0;i<=7;i++)
		{
		if( chaine.indexOf(jeux[i][0])!=-1 && chaine.indexOf(jeux[i][1])!=-1 && casejouable(jeux[i][2])) return jeux[i][2];
		else if( chaine.indexOf(jeux[i][1])!=-1 && chaine.indexOf(jeux[i][2])!=-1 && casejouable(jeux[i][0])) return jeux[i][0];
		else if( chaine.indexOf(jeux[i][2])!=-1 && chaine.indexOf(jeux[i][0])!=-1 && casejouable(jeux[i][1])) return jeux[i][1];
		if( i == 7 ) i = -1;
		i++;
		}
	return 0;
	}
	
function gagner( chaine )
	{
	for( i=0; i <= 7; i++)
		{
		if( chaine.indexOf(jeux[i][0])!=-1 && chaine.indexOf(jeux[i][1])!=-1 && casejouable(jeux[i][2])) return jeux[i][2];
		else if( chaine.indexOf(jeux[i][1])!=-1 && chaine.indexOf(jeux[i][2])!=-1 && casejouable(jeux[i][0])) return jeux[i][0];
		else if( chaine.indexOf(jeux[i][2])!=-1 && chaine.indexOf(jeux[i][0])!=-1 && casejouable(jeux[i][1])) return jeux[i][1];
		}
	return 0;
	}
	
function aleatoire()
	{
	var i = 0;
	while( casejouable( i ) == 0 )
		{
		i = Math.floor( Math.random ()*9 + 1 )
		}
	return i;
	}
	
function compteur( pion )
	{
	var nbpion=0;
	var i = 1;
	while ( i <= 9 )
		{
		if ( document.getElementById("case_"+i).value == pion ) nbpion++;
		i++;
		}
	return nbpion;
	}
	
function matchnul()
	{
	if (compteur( "X" ) + compteur( "O" ) == 9) return 1;
	}
</script>