Sujet Précédent Sujet Suivant

[Morpion] Javascript

Scripteuse -  
 scripteuse -
Bonjour, j'écris pour savoir si quelqu'un a deja fait un m0rpi0n en j@v@script ; vous allez me dire bien sur que oui. Mais il me faudrait un qui soit le plus proche de ce DEBUT de script. Merci d'avance.

<html>
<head>
<title>Morpion</title>

<script language="javascript">
var case1=0;
var case2=0;
var case3=0;
var case4=0;
var case5=0;
var case6=0;
var case7=0; // Au début personne n'a joué
var case8=0;
var case9=0;

function delall() // tout deleter
{
document.JEU.C1.src="empty.gif";case1=0;
document.JEU.C2.src="empty.gif";case2=0;
document.JEU.C3.src="empty.gif";case3=0;
document.JEU.C4.src="empty.gif";case4=0;
document.JEU.C5.src="empty.gif";case5=0;
document.JEU.C6.src="empty.gif";case6=0;
document.JEU.C7.src="empty.gif";case7=0;
document.JEU.C8.src="empty.gif";case8=0;
document.JEU.C9.src="empty.gif";case9=0;
}

function CtrlJeu(numcase)
{
switch(numcase)
{
case 1:document.JEU.C1.src="joueur.gif";case1=1;break;
case 2:document.JEU.C2.src="joueur.gif";case2=1;break;
case 3:document.JEU.C3.src="joueur.gif";case3=1;break;
case 4:document.JEU.C4.src="joueur.gif";case4=1;break;
case 5:document.JEU.C5.src="joueur.gif";case5=1;break;
case 6:document.JEU.C6.src="joueur.gif";case6=1;break;
case 7:document.JEU.C7.src="joueur.gif";case7=1;break;
case 8:document.JEU.C8.src="joueur.gif";case8=1;break;
case 9:document.JEU.C9.src="joueur.gif";case9=1;break;
}
check();
}

function check() //voir si y a un gagnant
{
if(((case1==1)&&(case2==1)&&(case3==1))
||((case4==1)&&(case5==1)&&(case6==1))
||((case7==1)&&(case8==1)&&(case9==1))
||((case3==1)&&(case5==1)&&(case7==1))
||((case1==1)&&(case4==1)&&(case7==1))
||((case2==1)&&(case5==1)&&(case8==1))
||((case3==1)&&(case6==1)&&(case9==1)))
{alert("Gagné");
delall();
}
}

function victoire() // Partie non finie car je sais po
{
if((case1==2)&&(case3==2)){document.jeu.c2.src="mac.gif";case2=2;}
else if((case4==2)&&(case6==2)){document.jeu.c5.src="mac.gif";case5=2;}
else if((case7==2)&&(case9==2)){document.jeu.c8.src="mac.gif";case8=2;}
else if((case3==2)&&(case7==2)){document.jeu.c5.src="mac.gif";case5=2;}
else if((case1==2)&&(case9==2)){document.jeu.c5.src="mac.gif";case5=2;}
else if((case1==2)&&(case7==2)){document.jeu.c4.src="mac.gif";case4=2;}
else if((case2==2)&&(case8==2)){document.jeu.c5.src="mac.gif";case5=2;}
else if((case3==2)&&(case9==2)){document.jeu.c6.src="mac.gif";case6=2;}
else if((case1==2)&&(case2==2)){document.jeu.c3.src="mac.gif";case3=2;}
else if((case2==2)&&(case3==2)){document.jeu.c1.src="mac.gif";case1=2;}
else if((case4==2)&&(case5==2)){document.jeu.c6.src="mac.gif";case6=2;}
else if((case5==2)&&(case6==2)){document.jeu.c4.src="mac.gif";case4=2;}
else if((case7==2)&&(case8==2)){document.jeu.c9.src="mac.gif";case9=2;}
else if((case8==2)&&(case9==2)){document.jeu.c7.src="mac.gif";case7=2;}
else if((case1==2)&&(case4==2)){document.jeu.c7.src="mac.gif";case7=2;}
else if((case4==2)&&(case7==2)){document.jeu.c1.src="mac.gif";case1=2;}
else if((case2==2)&&(case5==2)){document.jeu.c8.src="mac.gif";case8=2;}
else if((case5==2)&&(case8==2)){document.jeu.c2.src="mac.gif";case2=2;}
else if((case3==2)&&(case6==2)){document.jeu.c9.src="mac.gif";case9=2;}
else if((case6==2)&&(case9==2)){document.jeu.c3.src="mac.gif";case3=2;}
else if((case1==2)&&(case5==2)){document.jeu.c9.src="mac.gif";case9=2;}
else if((case5==2)&&(case9==2)){document.jeu.c1.src="mac.gif";case1=2;}
else if((case5==2)&&(case7==2)){document.jeu.c3.src="mac.gif";case3=2;}
else if((case3==2)&&(case5==2)){document.jeu.c7.src="mac.gif";case7=2;}

/* function machine() /* une ébauche que j'aurais pas du mettre mais si ca peut aider*/
{
case1:document.jeu.c1.src="mac.gif";break;
case2:document.jeu.c1.src="mac.gif";break;
case3:document.jeu.c1.src="mac.gif";break;
case4:document.jeu.c1.src="mac.gif";break;
case5:document.jeu.c1.src="mac.gif";break;
case6:document.jeu.c1.src="mac.gif";break;
case7:document.jeu.c1.src="mac.gif";break;
case8:document.jeu.c1.src="mac.gif";break;
case9:document.jeu.c1.src="mac.gif";break;
victoire()||defense()||aleatoire() //fonction a faire
}*/
}
</script>
</head>

<body>
<center><font face="Comic Sans MS" size="5" color=#6633CC><u><b><i><marquee>Morpion</marquee></i></b></font></u>
<br>
<FORM NAME="JEU">
<TABLE align="center">
<TR align="center">
<TD><INPUT TYPE="TEXT" VALUE="Joueur X => 0 " NAME="T1" READONLY></TD>
<TD width=30%></td>

<TD><INPUT TYPE="TEXT" VALUE="Machine 0 => 0 " NAME="T2" READONLY></TD>
</TR>
<TR>
<TD><BR></TD>
</TR>
<TR ALIGN="center">
<TD COLSPAN="3">
<TABLE BORDER="3">
<TR ALIGN="center">
<TD><IMG SRC="empty.gif" WIDTH="35" HEIGHT="40" NAME="C1" onclick=" CtrlJeu(1)"></TD>
<TD><IMG SRC="empty.gif" WIDTH="35" HEIGHT="40" NAME="C2" onclick=" CtrlJeu(2)"></TD>
<TD><IMG SRC="empty.gif" WIDTH="35" HEIGHT="40" NAME="C3" onclick=" CtrlJeu(3)"></TD>
</TR>
<TR ALIGN="center">
<TD><IMG SRC="empty.gif" WIDTH="35" HEIGHT="40" NAME="C4" onclick=" CtrlJeu(4)"></TD>
<TD><IMG SRC="empty.gif" WIDTH="35" HEIGHT="40" NAME="C5" onclick=" CtrlJeu(5)"></TD>
<TD><IMG SRC="empty.gif" WIDTH="35" HEIGHT="40" NAME="C6" onclick=" CtrlJeu(6)"></TD>
</TR>
<TR ALIGN="center">
<TD><IMG SRC="empty.gif" WIDTH="35" HEIGHT="40" NAME="C7" onclick=" CtrlJeu(7)"></TD>
<TD><IMG SRC="empty.gif" WIDTH="35" HEIGHT="40" NAME="C8" onclick=" CtrlJeu(8)"></TD>
<TD><IMG SRC="empty.gif" WIDTH="35" HEIGHT="40" NAME="C9" onclick=" CtrlJeu(9)"></TD>
</TR>
<TR ALIGN="center">
<TD COLSPAN="3">
<INPUT TYPE="BUTTON" VALUE=" RESET " onclick="delall()">
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</FORM>

<br><br><br>
</html>

3 réponses

Réponse 1 / 3
Scripteuse
 
S'il vous plait ...
0
Réponse 2 / 3
blux Messages postés 1969 Date d'inscription   Statut Modérateur Dernière intervention   3 367
 
Salut,

ce jeu s'appelle 'tic tac toe' en anglais, une recherche google donne ça :

http://www.google.fr/search?hl=fr&q=tic+tac+toe+javascript&btnG=Recherche+Google&meta=

Où le premier lien est pertinent :

http://javascript.internet.com/games/tic-tac-toe.html
0
Réponse 3 / 3
scripteuse
 
Pour info j'ai avancé mais je vais m'aider de votre page. Merci

<html>
<head>
<title>Morpion</title>
<script language=Javascript>
var case1=0;
var case2=0;
var case3=0;
var case4=0;
var case5=0;
var case6=0;
var case7=0;
var case8=0;
var case9=0;
var toto=0;
var temp=0;
var i=0;
var j=0;

function fin()
<!--fin de partie et affichage des scores et du gagnant-->
{
alert ("Vous avez marqué " +i+ " point(s) et la machine a marqué " +j+ " point(s)");
if (i>j)
{
alert ("Vous gagnez la partie !! Bravo!");
}
else if (j>i)
{
alert ("Dommage, la machine a gagné la partie");
}
else
{
alert ("Vous faites match nul avec la machine");
}
i=0;
document.jeu.T1.value="Joueur X =>" +i;
j=0;
document.jeu.T2.value="Machine O =>" +j;
delall();
}

function displayscore()
<!--cette fonction permet de comptabiliser les points-->

{
document.jeu.T1.value="Joueur X =>" +i;
document.jeu.T2.value="Machine O =>" +j;
}

function delall()
<!--cette fonction ramène la grille d'origine-->

{
document.jeu.c1.src="empty1.gif";case1=0;
document.jeu.c2.src="empty1.gif";case2=0;
document.jeu.c3.src="empty1.gif";case3=0;
document.jeu.c4.src="empty1.gif";case4=0;
document.jeu.c5.src="empty1.gif";case5=0;
document.jeu.c6.src="empty1.gif";case6=0;
document.jeu.c7.src="empty1.gif";case7=0;
document.jeu.c8.src="empty1.gif";case8=0;
document.jeu.c9.src="empty1.gif";case9=0;
}

function CtrlJeu(numcase)
<!--cette fonction permet à l'utilisateur de jouer une croix dans la case voulue-->
{
switch(numcase)
{
case 1:document.jeu.c1.src="joueur.gif";case1=1;break;
case 2:document.jeu.c2.src="joueur.gif";case2=1;break;
case 3:document.jeu.c3.src="joueur.gif";case3=1;break;
case 4:document.jeu.c4.src="joueur.gif";case4=1;break;
case 5:document.jeu.c5.src="joueur.gif";case5=1;break;
case 6:document.jeu.c6.src="joueur.gif";case6=1;break;
case 7:document.jeu.c7.src="joueur.gif";case7=1;break;
case 8:document.jeu.c8.src="joueur.gif";case8=1;break;
case 9:document.jeu.c9.src="joueur.gif";case9=1;break;
}
p=check();
<!--on vérifie si l'utilisateur a gagné-->
if (p==1)
{
delall();
displayscore();
}
<!--si l'utilisateur a gagné, la partie recommence-->
else {machine()};
<!--sinon c'est au tour de la machine-->
}

function machine()
<!--la fonction machine est basée sur ce que ferait une personne, elle a donc le même raisonnement qu'un humain-->
{
toto=victoire();
<!--si la machine peut gagner la partit, elle joue le coup nécessaire-->
if (toto==0)
{
toto=defense();
<!--sinon si l'utilisateur peut gagner au prochain coup, la machine anticipe et joue le coup à sa place-->
if (toto==0)
{
alea();
<!--sinon la machine joue aléatoirement-->
}
}
p=check();
<!--on vérifie si la machine a gagné-->
if (p==2)
{
displayscore();
}
}

function defense()
{
toto=0;
if ((case1==1)&&(case2==1)&&(case3==0))
{document.jeu.c3.src="mac.gif";case3=2;toto=2;}
else if ((case1==1)&&(case3==1)&&(case2==0))
{document.jeu.c2.src="mac.gif";case2=2;toto=2;}
else if ((case1==1)&&(case4==1)&&(case7==0))
{document.jeu.c7.src="mac.gif";case7=2;toto=2;}
else if ((case1==1)&&(case7==1)&&(case4==0))
{document.jeu.c4.src="mac.gif";case4=2;toto=2;}
else if ((case1==1)&&(case5==1)&&(case9==0))
{document.jeu.c9.src="mac.gif";case9=2;toto=2;}
else if ((case1==1)&&(case9==1)&&(case5==0))
{document.jeu.c5.src="mac.gif";case5=2;toto=2;}
else if ((case2==1)&&(case5==1)&&(case8==0))
{document.jeu.c8.src="mac.gif";case8=2;toto=2;}
else if ((case2==1)&&(case8==1)&&(case5==0))
{document.jeu.c5.src="mac.gif";case5=2;toto=2;}
else if ((case3==1)&&(case6==1)&&(case9==0))
{document.jeu.c9.src="mac.gif";case9=2;toto=2;}
else if ((case3==1)&&(case9==1)&&(case6==0))
{document.jeu.c6.src="mac.gif";case6=2;toto=2;}
else if ((case2==1)&&(case3==1)&&(case1==0))
{document.jeu.c1.src="mac.gif";case1=2;toto=2;}
else if ((case3==1)&&(case5==1)&&(case7==0))
{document.jeu.c7.src="mac.gif";case7=2;toto=2;}
else if ((case3==1)&&(case7==1)&&(case5==0))
{document.jeu.c5.src="mac.gif";case5=2;toto=2;}
else if ((case4==1)&&(case5==1)&&(case6==0))
{document.jeu.c6.src="mac.gif";case6=2;toto=2;}
else if ((case4==1)&&(case6==1)&&(case8==0))
{document.jeu.c5.src="mac.gif";case8=2;toto=2;}
else if ((case7==1)&&(case9==1)&&(case8==0))
{document.jeu.c8.src="mac.gif";case8=2;toto=2;}
else if ((case5==1)&&(case6==1)&&(case4==0))
{document.jeu.c4.src="mac.gif";case4=2;toto=2;}
else if ((case7==1)&&(case8==1)&&(case9==0))
{document.jeu.c9.src="mac.gif";case9=2;toto=2;}
else if ((case4==1)&&(case7==1)&&(case1==0))
{document.jeu.c1.src="mac.gif";case1=2;toto=2;}
else if ((case5==1)&&(case8==1)&&(case2==0))
{document.jeu.c2.src="mac.gif";case2=2;toto=2;}
else if ((case6==1)&&(case9==1)&&(case3==0))
{document.jeu.c3.src="mac.gif";case3=2;toto=2;}
else if ((case5==1)&&(case9==1)&&(case1==0))
{document.jeu.c1.src="mac.gif";case1=2;toto=2;}
else if ((case5==1)&&(case7==1)&&(case3==0))
{document.jeu.c3.src="mac.gif";case3=2;toto=2;}
else if ((case8==1)&&(case9==1)&&(case7==0))
{document.jeu.c7.src="mac.gif";case7=2;toto=2;}
return toto;
}

function victoire()
{
toto=0;
if ((case1==2)&&(case2==2)&&(case3==0))
{document.jeu.c3.src="mac.gif";case3=2;toto=1;}
else if ((case1==2)&&(case3==2)&&(case2==0))
{document.jeu.c2.src="mac.gif";case2=2;toto=1;}
else if ((case1==2)&&(case4==2)&&(case7==0))
{document.jeu.c7.src="mac.gif";case7=2;toto=1;}
else if ((case1==2)&&(case7==2)&&(case4==0))
{document.jeu.c4.src="mac.gif";case4=2;toto=1;}
else if ((case1==2)&&(case5==2)&&(case9==0))
{document.jeu.c9.src="mac.gif";case9=2;toto=1;}
else if ((case1==2)&&(case9==2)&&(case5==0))
{document.jeu.c5.src="mac.gif";case5=2;toto=1;}
else if ((case2==2)&&(case5==2)&&(case8==0))
{document.jeu.c8.src="mac.gif";case8=2;toto=1;}
else if ((case2==2)&&(case8==2)&&(case5==0))
{document.jeu.c5.src="mac.gif";case5=2;toto=1;}
else if ((case3==2)&&(case6==2)&&(case9==0))
{document.jeu.c9.src="mac.gif";case9=2;toto=1;}
else if ((case3==2)&&(case9==2)&&(case6==0))
{document.jeu.c6.src="mac.gif";case6=2;toto=1;}
else if ((case2==2)&&(case3==2)&&(case1==0))
{document.jeu.c1.src="mac.gif";case1=2;toto=1;}
else if ((case3==2)&&(case5==2)&&(case7==0))
{document.jeu.c7.src="mac.gif";case7=2;toto=1;}
else if ((case3==2)&&(case7==2)&&(case5==0))
{document.jeu.c5.src="mac.gif";case5=2;toto=1;}
else if ((case4==2)&&(case5==2)&&(case6==0))
{document.jeu.c6.src="mac.gif";case6=2;toto=1;}
else if ((case4==2)&&(case6==2)&&(case8==0))
{document.jeu.c5.src="mac.gif";case8=2;toto=1;}
else if ((case7==2)&&(case9==2)&&(case8==0))
{document.jeu.c8.src="mac.gif";case8=2;toto=1;}
else if ((case5==2)&&(case6==2)&&(case4==0))
{document.jeu.c4.src="mac.gif";case4=2;toto=1;}
else if ((case7==2)&&(case8==2)&&(case9==0))
{document.jeu.c9.src="mac.gif";case9=2;toto=1;}
else if ((case4==2)&&(case7==2)&&(case1==0))
{document.jeu.c1.src="mac.gif";case1=2;toto=1;}
else if ((case5==2)&&(case8==2)&&(case2==0))
{document.jeu.c2.src="mac.gif";case2=2;toto=1;}
else if ((case6==2)&&(case9==2)&&(case3==0))
{document.jeu.c3.src="mac.gif";case3=2;toto=1;}
else if ((case5==2)&&(case9==2)&&(case1==0))
{document.jeu.c1.src="mac.gif";case1=2;toto=1;}
else if ((case5==2)&&(case7==2)&&(case3==0))
{document.jeu.c3.src="mac.gif";case3=2;toto=1;}
else if ((case8==2)&&(case9==2)&&(case7==0))
{document.jeu.c7.src="mac.gif";case7=2;toto=1;}
return toto;
}

function alea()
{
while (toto!=2)
{
temp=Math.floor(Math.random()*9)+1;
if ((temp==1)&&(case1==0)) {
document.jeu.c1.src="mac.gif";case1=2;toto=2}
else if ((temp==2)&&(case2==0)) {
document.jeu.c2.src="mac.gif";case2=2;toto=2}
else if ((temp==3)&&(case3==0)) {
document.jeu.c3.src="mac.gif";case3=2;toto=2}
else if ((temp==4)&&(case4==0)) {
document.jeu.c4.src="mac.gif";case4=2;toto=2}
else if ((temp==5)&&(case5==0)) {
document.jeu.c5.src="mac.gif";case5=2;toto=2}
else if ((temp==6)&&(case6==0)) {
document.jeu.c6.src="mac.gif";case6=2;toto=2}
else if ((temp==7)&&(case7==0)) {
document.jeu.c7.src="mac.gif";case7=2;toto=2}
else if ((temp==8)&&(case8==0)) {
document.jeu.c8.src="mac.gif";case8=2;toto=2}
else if ((temp==9)&&(case9==0)) {
document.jeu.c9.src="mac.gif";case9=2;toto=2}
}
}

function check()
<!--Si trois ronds ou croix sont alignés, la partie est terminée. S'il n'y a plus de places pour jouer, le match est nul.-->
{
if (((case1==1)&&(case2==1)&&(case3==1))
||((case1==1)&&(case4==1)&&(case7==1))
||((case1==1)&&(case5==1)&&(case9==1))
||((case2==1)&&(case5==1)&&(case8==1))
||((case3==1)&&(case6==1)&&(case9==1))
||((case4==1)&&(case5==1)&&(case6==1))
||((case7==1)&&(case8==1)&&(case9==1))
||((case3==1)&&(case5==1)&&(case7==1)))
{
alert ("vous avez gagné!!");
i=i+1;
delall();
return 1;
}
else if (((case1==2)&&(case2==2)&&(case3==2))
||((case1==2)&&(case4==2)&&(case7==2))
||((case1==2)&&(case5==2)&&(case9==2))
||((case2==2)&&(case5==2)&&(case8==2))
||((case3==2)&&(case6==2)&&(case9==2))
||((case4==2)&&(case5==2)&&(case6==2))
||((case7==2)&&(case8==2)&&(case9==2))
||((case3==2)&&(case5==2)&&(case7==2)))
{
alert ("la machine a gagné...");
j=j+1;
delall();
return 2;
}
else if ((case1!=0)&&(case2!=0)&&(case3!=0)&&(case4!=0)&&(case5!=0)&&(case6!=0)&&(case7!=0)&&(case8!=0)&&(case9!=0))
{
alert ("Match nul!");
delall();
return 1;
}
}

</script>
</head>

<body BGCOLOR="#D2DBF4">
<br><h1 align=center><u><b><marquee>Jeu du morpion</marquee></b></u></h1><br><br><br>
<form name=jeu>
<table align=center>
<tr align=center>
<td><INPUT TYPE=text value="Joueur X => 0 " name=T1 Readonly></td>
<td width=30% ></td>
<td><INPUT TYPE=text value="Machine O => 0 " name=T2 Readonly></td>
</tr>
<tr>
<td><br></td>
</tr>
<tr align=center>
<td colspan=3>
<table border=3 align=center>
<tr>
<td><img src="empty1.gif" name=c1 onclick=" CtrlJeu(1)"></td>
<td><img src="empty1.gif" name=c2 onclick=" CtrlJeu(2)"></td>
<td><img src="empty1.gif" name=c3 onclick=" CtrlJeu(3)"></td>
</tr>
<tr>
<td><img src="empty1.gif" name=c4 onclick=" CtrlJeu(4)"></td>
<td><img src="empty1.gif" name=c5 onclick=" CtrlJeu(5)"></td>
<td><img src="empty1.gif" name=c6 onclick=" CtrlJeu(6)"></td>
</tr>
<tr>
<td><img src="empty1.gif" name=c7 onclick=" CtrlJeu(7)"></td>
<td><img src="empty1.gif" name=c8 onclick=" CtrlJeu(8)"></td>
<td><img src="empty1.gif" name=c9 onclick=" CtrlJeu(9)"></td>
</tr>
<tr>
<td colspan=3 align=center>
<input type=button value=" Reset " onclick="fin()">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>

</html>
0

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
javascript:void(0);
nano -
JCVD -

18 réponses
Faire un echo dans un script JS
CorentinRoche -
CorentinRoche -

6 réponses
a javascript error occurred in the main process
Kytsu1241 -
lolomusic667 -

1 réponse