fofana/Projet_Web
3
2
Fork 0
Code Issues Pull requests Releases Wiki Activity

Mettre à jour 'leo.js'

Browse source
This commit is contained in:
Leopold Lanard 2022-12-12 10:45:13 +01:00
parent 511419382c
commit db537f0558
1 changed files with 135 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

150
leo.js
View file

@ -1,48 +1,168 @@
let Joueuractuel;
let content = "X"
let jeu = 1
function WinVerif(cases){
if(cases[1].innerHTML == content && cases[2].innerHTML == content && cases[3].innerHTML == content)
return true;
let symbole = ["X","O"];
for (let i =0 ; i<2 ; i++){
// test sur les lignes
if(
cases[0].innerHTML == symbole[i] &&
cases[1].innerHTML == symbole[i] &&
cases[2].innerHTML == symbole[i]){
cases[0].style.backgroundColor = "#6eec94";
cases[1].style.backgroundColor = "#6eec94";
cases[2].style.backgroundColor = "#6eec94";
return symbole[i];
}
if(
cases[3].innerHTML == symbole[i] &&
cases[4].innerHTML == symbole[i] &&
cases[5].innerHTML == symbole[i]){
cases[3].style.backgroundColor = "#6eec94";
cases[4].style.backgroundColor = "#6eec94";
cases[5].style.backgroundColor = "#6eec94";
return symbole[i];
}
if(
cases[6].innerHTML == symbole[i] &&
cases[7].innerHTML == symbole[i] &&
cases[8].innerHTML == symbole[i]){
cases[6].style.backgroundColor = "#6eec94";
cases[7].style.backgroundColor = "#6eec94";
cases[8].style.backgroundColor = "#6eec94";
return symbole[i];
}
// test sur les colonnes
if(
cases[0].innerHTML == symbole[i] &&
cases[3].innerHTML == symbole[i] &&
cases[6].innerHTML == symbole[i]){
cases[0].style.backgroundColor = "#6eec94";
cases[3].style.backgroundColor = "#6eec94";
cases[6].style.backgroundColor = "#6eec94";
return symbole[i];
}
if(
cases[1].innerHTML == symbole[i] &&
cases[4].innerHTML == symbole[i] &&
cases[7].innerHTML == symbole[i]){
cases[1].style.backgroundColor = "#6eec94";
cases[4].style.backgroundColor = "#6eec94";
cases[7].style.backgroundColor = "#6eec94";
return symbole[i];
}
if(
cases[2].innerHTML == symbole[i] &&
cases[5].innerHTML == symbole[i] &&
cases[8].innerHTML == symbole[i]){
cases[2].style.backgroundColor = "#6eec94";
cases[5].style.backgroundColor = "#6eec94";
cases[8].style.backgroundColor = "#6eec94";
return symbole[i];
}
// test sur les diagonales
if(
cases[0].innerHTML == symbole[i] &&
cases[4].innerHTML == symbole[i] &&
cases[8].innerHTML == symbole[i]){
cases[0].style.backgroundColor = "#6eec94";
cases[4].style.backgroundColor = "#6eec94";
cases[8].style.backgroundColor = "#6eec94";
return symbole[i];
}
if(
cases[2].innerHTML == symbole[i] &&
cases[4].innerHTML == symbole[i] &&
cases[6].innerHTML == symbole[i]){
cases[2].style.backgroundColor = "#6eec94";
cases[4].style.backgroundColor = "#6eec94";
cases[6].style.backgroundColor = "#6eec94";
return symbole[i];
}
}
}
function Draw(cases) {
//test si les cases sont toutes remplies alors on renvoie false
for (let i = 0; i < cases.length; i++) {
if (cases[i].innerHTML.length == 0)
return false;
}
return true;
}
function ResetJeu(){
//pour relancer le jeu à n'importe qu'elle moment de la partie
jeu = 1;
for(let i = 0 ;i< cases.length;i++){
cases[i].innerHTML = "";
cases[i].style.backgroundColor = "#FFFFFF";
}
content = "X";
return 1;
}
let Afficheur = function(element) {
let affichage = element;
function setText(message) {
affichage.innerHTML = message;
}
return { sendMessage: setText };
};
let cases = document.querySelectorAll(".case");
let btn = document.querySelector('button');
for(let i = 0 ;i< cases.length;i++)
{
let aff = new Afficheur(document.querySelector("#AffJoueur"));
aff.sendMessage("ceci est un test");
aff.sendMessage("C'est au tour du Joueur " + content);
cases[i].addEventListener("click",(event)=>{
cases[i].addEventListener("click",function() {
cases[i].innerHTML = content;
if (content == "X") {
content = "O";
if (cases[i].innerHTML == "" && jeu ==1) {
cases[i].innerHTML = content;
if (content == "X")
content = "O";
else
content ="X";
AffJoueur.style.backgroundColor="#b16f24";
aff.sendMessage("C'est au tour du Joueur " + content);
}
else{
content ="X";
else if (jeu == 1){
AffJoueur.style.backgroundColor="#ff0000";
aff.sendMessage("La case est déja remplie, Joueur " + content + ", rejouer svp");
}
WinVerif(cases);
if(WinVerif(cases)){
aff.sendMessage("C'est gagné pour le Joueur " + WinVerif(cases));
jeu = 0;
}
if(Draw(cases))
{
aff.sendMessage("Match Nul");
jeu = 0;
}
btn.addEventListener('click',ResetJeu);
})
};