Le jeu Simon
Mr Roumezin
Created on December 15, 2020
Mémorise les couleurs qui s'allument.
More creations to inspire you
LET’S GO TO LONDON!
Personalized
SLYCE DECK
Personalized
ENERGY KEY ACHIEVEMENTS
Personalized
CULTURAL HERITAGE AND ART KEY ACHIEVEMENTS
Personalized
ABOUT THE EEA GRANTS AND NORWAY
Personalized
DOWNFALLL OF ARAB RULE IN AL-ANDALUS
Personalized
HUMAN AND SOCIAL DEVELOPMENT KEY
Personalized
Transcript
Info aux joueurs :
Le petit bouton rond et rouge, sert à tout allumer
Le petit bouton rond et bleu, sert à tout éteindre
Le petit bouton rond et jaune, sert à lancer l'animation des couleurs à mémoriser, puis retape les mêmes couleurs.
Partie de code en Javascript
Nommer les objets :
<div id=Bravo></div> <script></script> // acoupler avec un message texte ou un bouton de redirection
<div id=Perdu></div> <script></script> // idem que Bravo
<div id=BoutonPlay></div> <script></script> // zone à mettre autour du bouton jaune
<div id=BoutonEteind></div> <script></script> // zone à mettre autour du bouton bleu
<div id=BoutonAllume></div> <script></script> // zone à mettre autour du bouton rouge
<div id=nbrCouleurs>5</div> <script></script> // à toi de définir le nbr de couleurs à mémoriser.
<div id=Orange_Eclairé></div> <script></script>
<div id=Violet_Eclairé></div> <script></script>
<div id=Bleu_Eclairé></div> <script></script>
<div id=Rouge_Eclairé></div> <script></script>
<div id=Vert_Eclairé></div> <script></script>
<div id=Jaune_Eclairé></div> <script></script>
Script d'action :
<div id=Jeu Simon>JEU SIMON</div>
<SCRIPT>
var sObjectJaune = "Jaune_Eclairé" ;
var sObjectVert = "Vert_Eclairé" ;
var sObjectRouge = "Rouge_Eclairé" ;
var sObjectBleu = "Bleu_Eclairé" ;
var sObjectViolet = "Violet_Eclairé";
var sObjectOrange = "Orange_Eclairé";
var snbrCouleurs = document.getElementById("nbrCouleurs").innerHTML;
var sBoutonAllume = "BoutonAllume";
var sBoutonEteind = "BoutonEteind";
var sBoutonPlay = "BoutonPlay";
var sChoixOrdi = new Array("","","","","");
var sChoixClient = new Array("","","","","");
var sPerdu = "Perdu";
var sBravo = "Bravo";
var x =snbrCouleurs; // nombre de lumière allumé par l'ordi défini par la variable nbrCouleurs
var j=0; // nombre de lumière que le client allume
function arrayEquals(a, b) {
return Array.isArray(a) &&
Array.isArray(b) &&
a.length === b.length &&
a.every((val, index) => val === b[index]);
}
function testResultat(){ // test réalisé après chaque clic du client sur une couleur
if (j==x){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
if (arrayEquals(sChoixClient, sChoixOrdi)){
oBravo.style.visibility="visible";
} // if (arrayEquals...)
else{
oPerdu.style.visibility="visible";
} // else
} // if (j==x)
} // function testResultat
function onclick_object(event){
var xMousePos = event.clientX + window.pageXOffset;
var yMousePos = event.clientY + window.pageYOffset;
if( (xMousePos > oObjectJaune.getBoundingClientRect().left ) &&
(xMousePos < oObjectJaune.getBoundingClientRect().right ) &&
(yMousePos > oObjectJaune.getBoundingClientRect().top ) &&
(yMousePos < oObjectJaune.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="visible";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixClient.splice(j,j, "Jaune");
j++
testResultat()}
if( (xMousePos > oObjectVert.getBoundingClientRect().left ) &&
(xMousePos < oObjectVert.getBoundingClientRect().right ) &&
(yMousePos > oObjectVert.getBoundingClientRect().top ) &&
(yMousePos < oObjectVert.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="visible";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixClient.splice(j,j, "Vert");
j++
testResultat()}
if( (xMousePos > oObjectRouge.getBoundingClientRect().left ) &&
(xMousePos < oObjectRouge.getBoundingClientRect().right ) &&
(yMousePos > oObjectRouge.getBoundingClientRect().top ) &&
(yMousePos < oObjectRouge.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="visible";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixClient.splice(j,j, "Rouge");
j++
testResultat()}
if( (xMousePos > oObjectBleu.getBoundingClientRect().left ) &&
(xMousePos < oObjectBleu.getBoundingClientRect().right ) &&
(yMousePos > oObjectBleu.getBoundingClientRect().top ) &&
(yMousePos < oObjectBleu.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="visible";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixClient.splice(j,j, "Bleu");
j++
testResultat()}
if( (xMousePos > oObjectViolet.getBoundingClientRect().left ) &&
(xMousePos < oObjectViolet.getBoundingClientRect().right ) &&
(yMousePos > oObjectViolet.getBoundingClientRect().top ) &&
(yMousePos < oObjectViolet.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="visible";
oObjectOrange.style.visibility="hidden";
sChoixClient.splice(j,j, "Violet");
j++
testResultat()}
if( (xMousePos > oObjectOrange.getBoundingClientRect().left ) &&
(xMousePos < oObjectOrange.getBoundingClientRect().right ) &&
(yMousePos > oObjectOrange.getBoundingClientRect().top ) &&
(yMousePos < oObjectOrange.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="visible";
sChoixClient.splice(j,j, "Orange");
j++
testResultat()}
if( (xMousePos > oBoutonAllume.getBoundingClientRect().left ) &&
(xMousePos < oBoutonAllume.getBoundingClientRect().right ) &&
(yMousePos > oBoutonAllume.getBoundingClientRect().top ) &&
(yMousePos < oBoutonAllume.getBoundingClientRect().bottom)){
oPerdu.style.visibility="hidden";
oBravo.style.visibility="hidden";
oObjectJaune.style.visibility="visible";
oObjectVert.style.visibility="visible";
oObjectRouge.style.visibility="visible";
oObjectBleu.style.visibility="visible";
oObjectViolet.style.visibility="visible";
oObjectOrange.style.visibility="visible";
//alert("Les couleurs que le client a choisi sont : \n"+sChoixClient.join(", "));
}
if( (xMousePos > oBoutonEteind.getBoundingClientRect().left ) &&
(xMousePos < oBoutonEteind.getBoundingClientRect().right ) &&
(yMousePos > oBoutonEteind.getBoundingClientRect().top ) &&
(yMousePos < oBoutonEteind.getBoundingClientRect().bottom)){
oPerdu.style.visibility="hidden";
oBravo.style.visibility="hidden";
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
// alert("Les couleurs que l'ordi a choisi sont : \n"+ sChoixOrdi.join(", "));
}
if( (xMousePos > oBoutonPlay.getBoundingClientRect().left ) &&
(xMousePos < oBoutonPlay.getBoundingClientRect().right ) &&
(yMousePos > oBoutonPlay.getBoundingClientRect().top ) &&
(yMousePos < oBoutonPlay.getBoundingClientRect().bottom)){
oPerdu.style.visibility="hidden";
oBravo.style.visibility="hidden";
let i = 0 ;
var nbrAleatoir = 0;
var changeNbr = 0;
function showLumiere(){
changeNbr = nbrAleatoir;
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
if (changeNbr == nbrAleatoir){
//alert("idem1");
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
if (changeNbr == nbrAleatoir){
//alert("idem2");
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
if (changeNbr == nbrAleatoir){
//alert("idem3");
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
if (changeNbr == nbrAleatoir){
//alert("idem4");
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
if (changeNbr == nbrAleatoir){
alert("Attention deux fois la même couleur!");
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
}
}
}
}
}
let timeOut ;
if(i <x)
{
switch(nbrAleatoir){
case 1 :
oObjectJaune.style.visibility="visible";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Jaune");
break;
case 2 :
oObjectVert.style.visibility="visible";
oObjectJaune.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Vert");
break;
case 3 :
oObjectRouge.style.visibility="visible";
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Rouge");
break;
case 4 :
oObjectBleu.style.visibility="visible";
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Bleu");
break;
case 5 :
oObjectViolet.style.visibility="visible";
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Violet");
break;
case 6 :
oObjectOrange.style.visibility="visible";
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Orange");
break;
default :
} //switch.
timeOut = setTimeout( showLumiere,1000)
i++
} // if
else
{
clearTimeout(timeOut);
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
j=0
for (j=0; j<x; j++){
sChoixClient.splice(j,j,"");}
j=0
} // else
} // fonction showLumiere
showLumiere()
} //if
} // function onclic
var oObjectJaune = document.getElementById(sObjectJaune);
var oObjectVert = document.getElementById(sObjectVert);
var oObjectRouge = document.getElementById(sObjectRouge);
var oObjectBleu = document.getElementById(sObjectBleu);
var oObjectViolet = document.getElementById(sObjectViolet);
var oObjectOrange = document.getElementById(sObjectOrange);
var oBoutonAllume = document.getElementById(sBoutonAllume);
var oBoutonEteind = document.getElementById(sBoutonEteind);
var oBoutonPlay = document.getElementById(sBoutonPlay);
var oPerdu = document.getElementById(sPerdu);
var oBravo = document.getElementById(sBravo);
if (document.getElementsByClassName('container-wrapper-genially').length != 0) {
for (let i = 0; i<10 ; i++){
if(oObjectJaune.getAttribute("id") == null || oObjectJaune.getAttribute("id").search("genially-animated") < 0){
oObjectJaune = oObjectJaune.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oObjectVert.getAttribute("id") == null || oObjectVert.getAttribute("id").search("genially-animated") < 0){
oObjectVert = oObjectVert.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oObjectRouge.getAttribute("id") == null || oObjectRouge.getAttribute("id").search("genially-animated") < 0){
oObjectRouge = oObjectRouge.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oObjectBleu.getAttribute("id") == null || oObjectBleu.getAttribute("id").search("genially-animated") < 0){
oObjectBleu = oObjectBleu.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oObjectViolet.getAttribute("id") == null || oObjectViolet.getAttribute("id").search("genially-animated") < 0){
oObjectViolet = oObjectViolet.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oObjectOrange.getAttribute("id") == null || oObjectOrange.getAttribute("id").search("genially-animated") < 0){
oObjectOrange = oObjectOrange.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oBoutonEteind.getAttribute("id") == null || oBoutonEteind.getAttribute("id").search("genially-animated") < 0){
oBoutonEteind = oBoutonEteind.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oBoutonAllume.getAttribute("id") == null || oBoutonAllume.getAttribute("id").search("genially-animated") < 0){
oBoutonAllume = oBoutonAllume.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oBoutonPlay.getAttribute("id") == null || oBoutonPlay.getAttribute("id").search("genially-animated") < 0){
oBoutonPlay = oBoutonPlay.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oPerdu.getAttribute("id") == null || oPerdu.getAttribute("id").search("genially-animated") < 0){
oPerdu = oPerdu.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oBravo.getAttribute("id") == null || oBravo.getAttribute("id").search("genially-animated") < 0){
oBravo = oBravo.parentNode;
}else{break;}}
oObjectJaune.style.visibility = "hidden";
oObjectVert.style.visibility = "hidden";
oObjectRouge.style.visibility = "hidden";
oObjectBleu.style.visibility = "hidden";
oObjectViolet.style.visibility= "hidden";
oObjectOrange.style.visibility= "hidden";
oPerdu.style.visibility = "hidden";
oBravo.style.visibility = "hidden";
oBoutonEteind.parentNode.addEventListener('click',onclick_object,true);
}
</SCRIPT>
Info aux joueurs :
Le petit bouton rond et rouge, sert à tout allumer
Le petit bouton rond et bleu, sert à tout éteindre
Le petit bouton rond et jaune, sert à lancer l'animation des couleurs à mémoriser, puis retape les mêmes couleurs.
Partie de code en Javascript
Nommer les objets :
<div id=Bravo></div> <script></script> // acoupler avec un message texte ou un bouton de redirection
<div id=Perdu></div> <script></script> // idem que Bravo
<div id=BoutonPlay></div> <script></script> // zone à mettre autour du bouton jaune
<div id=BoutonEteind></div> <script></script> // zone à mettre autour du bouton bleu
<div id=BoutonAllume></div> <script></script> // zone à mettre autour du bouton rouge
<div id=nbrCouleurs>5</div> <script></script> // à toi de définir le nbr de couleurs à mémoriser.
<div id=Orange_Eclairé></div> <script></script>
<div id=Violet_Eclairé></div> <script></script>
<div id=Bleu_Eclairé></div> <script></script>
<div id=Rouge_Eclairé></div> <script></script>
<div id=Vert_Eclairé></div> <script></script>
<div id=Jaune_Eclairé></div> <script></script>
Script d'action :
<div id=Jeu Simon>JEU SIMON</div>
<SCRIPT>
var sObjectJaune = "Jaune_Eclairé" ;
var sObjectVert = "Vert_Eclairé" ;
var sObjectRouge = "Rouge_Eclairé" ;
var sObjectBleu = "Bleu_Eclairé" ;
var sObjectViolet = "Violet_Eclairé";
var sObjectOrange = "Orange_Eclairé";
var snbrCouleurs = document.getElementById("nbrCouleurs").innerHTML;
var sBoutonAllume = "BoutonAllume";
var sBoutonEteind = "BoutonEteind";
var sBoutonPlay = "BoutonPlay";
var sChoixOrdi = new Array("","","","","");
var sChoixClient = new Array("","","","","");
var sPerdu = "Perdu";
var sBravo = "Bravo";
var x =snbrCouleurs; // nombre de lumière allumé par l'ordi défini par la variable nbrCouleurs
var j=0; // nombre de lumière que le client allume
function arrayEquals(a, b) {
return Array.isArray(a) &&
Array.isArray(b) &&
a.length === b.length &&
a.every((val, index) => val === b[index]);
}
function testResultat(){ // test réalisé après chaque clic du client sur une couleur
if (j==x){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
if (arrayEquals(sChoixClient, sChoixOrdi)){
oBravo.style.visibility="visible";
} // if (arrayEquals...)
else{
oPerdu.style.visibility="visible";
} // else
} // if (j==x)
} // function testResultat
function onclick_object(event){
var xMousePos = event.clientX + window.pageXOffset;
var yMousePos = event.clientY + window.pageYOffset;
if( (xMousePos > oObjectJaune.getBoundingClientRect().left ) &&
(xMousePos < oObjectJaune.getBoundingClientRect().right ) &&
(yMousePos > oObjectJaune.getBoundingClientRect().top ) &&
(yMousePos < oObjectJaune.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="visible";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixClient.splice(j,j, "Jaune");
j++
testResultat()}
if( (xMousePos > oObjectVert.getBoundingClientRect().left ) &&
(xMousePos < oObjectVert.getBoundingClientRect().right ) &&
(yMousePos > oObjectVert.getBoundingClientRect().top ) &&
(yMousePos < oObjectVert.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="visible";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixClient.splice(j,j, "Vert");
j++
testResultat()}
if( (xMousePos > oObjectRouge.getBoundingClientRect().left ) &&
(xMousePos < oObjectRouge.getBoundingClientRect().right ) &&
(yMousePos > oObjectRouge.getBoundingClientRect().top ) &&
(yMousePos < oObjectRouge.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="visible";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixClient.splice(j,j, "Rouge");
j++
testResultat()}
if( (xMousePos > oObjectBleu.getBoundingClientRect().left ) &&
(xMousePos < oObjectBleu.getBoundingClientRect().right ) &&
(yMousePos > oObjectBleu.getBoundingClientRect().top ) &&
(yMousePos < oObjectBleu.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="visible";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixClient.splice(j,j, "Bleu");
j++
testResultat()}
if( (xMousePos > oObjectViolet.getBoundingClientRect().left ) &&
(xMousePos < oObjectViolet.getBoundingClientRect().right ) &&
(yMousePos > oObjectViolet.getBoundingClientRect().top ) &&
(yMousePos < oObjectViolet.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="visible";
oObjectOrange.style.visibility="hidden";
sChoixClient.splice(j,j, "Violet");
j++
testResultat()}
if( (xMousePos > oObjectOrange.getBoundingClientRect().left ) &&
(xMousePos < oObjectOrange.getBoundingClientRect().right ) &&
(yMousePos > oObjectOrange.getBoundingClientRect().top ) &&
(yMousePos < oObjectOrange.getBoundingClientRect().bottom)){
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="visible";
sChoixClient.splice(j,j, "Orange");
j++
testResultat()}
if( (xMousePos > oBoutonAllume.getBoundingClientRect().left ) &&
(xMousePos < oBoutonAllume.getBoundingClientRect().right ) &&
(yMousePos > oBoutonAllume.getBoundingClientRect().top ) &&
(yMousePos < oBoutonAllume.getBoundingClientRect().bottom)){
oPerdu.style.visibility="hidden";
oBravo.style.visibility="hidden";
oObjectJaune.style.visibility="visible";
oObjectVert.style.visibility="visible";
oObjectRouge.style.visibility="visible";
oObjectBleu.style.visibility="visible";
oObjectViolet.style.visibility="visible";
oObjectOrange.style.visibility="visible";
//alert("Les couleurs que le client a choisi sont : \n"+sChoixClient.join(", "));
}
if( (xMousePos > oBoutonEteind.getBoundingClientRect().left ) &&
(xMousePos < oBoutonEteind.getBoundingClientRect().right ) &&
(yMousePos > oBoutonEteind.getBoundingClientRect().top ) &&
(yMousePos < oBoutonEteind.getBoundingClientRect().bottom)){
oPerdu.style.visibility="hidden";
oBravo.style.visibility="hidden";
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
// alert("Les couleurs que l'ordi a choisi sont : \n"+ sChoixOrdi.join(", "));
}
if( (xMousePos > oBoutonPlay.getBoundingClientRect().left ) &&
(xMousePos < oBoutonPlay.getBoundingClientRect().right ) &&
(yMousePos > oBoutonPlay.getBoundingClientRect().top ) &&
(yMousePos < oBoutonPlay.getBoundingClientRect().bottom)){
oPerdu.style.visibility="hidden";
oBravo.style.visibility="hidden";
let i = 0 ;
var nbrAleatoir = 0;
var changeNbr = 0;
function showLumiere(){
changeNbr = nbrAleatoir;
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
if (changeNbr == nbrAleatoir){
//alert("idem1");
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
if (changeNbr == nbrAleatoir){
//alert("idem2");
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
if (changeNbr == nbrAleatoir){
//alert("idem3");
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
if (changeNbr == nbrAleatoir){
//alert("idem4");
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
if (changeNbr == nbrAleatoir){
alert("Attention deux fois la même couleur!");
nbrAleatoir = Math.floor((Math.random() * 6) + 1);
}
}
}
}
}
let timeOut ;
if(i <x)
{
switch(nbrAleatoir){
case 1 :
oObjectJaune.style.visibility="visible";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Jaune");
break;
case 2 :
oObjectVert.style.visibility="visible";
oObjectJaune.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Vert");
break;
case 3 :
oObjectRouge.style.visibility="visible";
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Rouge");
break;
case 4 :
oObjectBleu.style.visibility="visible";
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Bleu");
break;
case 5 :
oObjectViolet.style.visibility="visible";
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Violet");
break;
case 6 :
oObjectOrange.style.visibility="visible";
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
sChoixOrdi.splice(i,i, "Orange");
break;
default :
} //switch.
timeOut = setTimeout( showLumiere,1000)
i++
} // if
else
{
clearTimeout(timeOut);
oObjectJaune.style.visibility="hidden";
oObjectVert.style.visibility="hidden";
oObjectRouge.style.visibility="hidden";
oObjectBleu.style.visibility="hidden";
oObjectViolet.style.visibility="hidden";
oObjectOrange.style.visibility="hidden";
j=0
for (j=0; j<x; j++){
sChoixClient.splice(j,j,"");}
j=0
} // else
} // fonction showLumiere
showLumiere()
} //if
} // function onclic
var oObjectJaune = document.getElementById(sObjectJaune);
var oObjectVert = document.getElementById(sObjectVert);
var oObjectRouge = document.getElementById(sObjectRouge);
var oObjectBleu = document.getElementById(sObjectBleu);
var oObjectViolet = document.getElementById(sObjectViolet);
var oObjectOrange = document.getElementById(sObjectOrange);
var oBoutonAllume = document.getElementById(sBoutonAllume);
var oBoutonEteind = document.getElementById(sBoutonEteind);
var oBoutonPlay = document.getElementById(sBoutonPlay);
var oPerdu = document.getElementById(sPerdu);
var oBravo = document.getElementById(sBravo);
if (document.getElementsByClassName('container-wrapper-genially').length != 0) {
for (let i = 0; i<10 ; i++){
if(oObjectJaune.getAttribute("id") == null || oObjectJaune.getAttribute("id").search("genially-animated") < 0){
oObjectJaune = oObjectJaune.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oObjectVert.getAttribute("id") == null || oObjectVert.getAttribute("id").search("genially-animated") < 0){
oObjectVert = oObjectVert.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oObjectRouge.getAttribute("id") == null || oObjectRouge.getAttribute("id").search("genially-animated") < 0){
oObjectRouge = oObjectRouge.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oObjectBleu.getAttribute("id") == null || oObjectBleu.getAttribute("id").search("genially-animated") < 0){
oObjectBleu = oObjectBleu.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oObjectViolet.getAttribute("id") == null || oObjectViolet.getAttribute("id").search("genially-animated") < 0){
oObjectViolet = oObjectViolet.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oObjectOrange.getAttribute("id") == null || oObjectOrange.getAttribute("id").search("genially-animated") < 0){
oObjectOrange = oObjectOrange.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oBoutonEteind.getAttribute("id") == null || oBoutonEteind.getAttribute("id").search("genially-animated") < 0){
oBoutonEteind = oBoutonEteind.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oBoutonAllume.getAttribute("id") == null || oBoutonAllume.getAttribute("id").search("genially-animated") < 0){
oBoutonAllume = oBoutonAllume.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oBoutonPlay.getAttribute("id") == null || oBoutonPlay.getAttribute("id").search("genially-animated") < 0){
oBoutonPlay = oBoutonPlay.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oPerdu.getAttribute("id") == null || oPerdu.getAttribute("id").search("genially-animated") < 0){
oPerdu = oPerdu.parentNode;
}else{break;}}
for (let i = 0; i<10 ; i++){
if(oBravo.getAttribute("id") == null || oBravo.getAttribute("id").search("genially-animated") < 0){
oBravo = oBravo.parentNode;
}else{break;}}
oObjectJaune.style.visibility = "hidden";
oObjectVert.style.visibility = "hidden";
oObjectRouge.style.visibility = "hidden";
oObjectBleu.style.visibility = "hidden";
oObjectViolet.style.visibility= "hidden";
oObjectOrange.style.visibility= "hidden";
oPerdu.style.visibility = "hidden";
oBravo.style.visibility = "hidden";
oBoutonEteind.parentNode.addEventListener('click',onclick_object,true);
}
</SCRIPT>