grille marche mieux

This commit is contained in:
Bocquel Raphael 2024-12-23 15:47:19 +01:00
parent 2a2cf84cf3
commit d06610ca58
5 changed files with 32 additions and 8 deletions

BIN
case_flag.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 308 B

BIN
case_zero.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 263 B

View file

@ -33,8 +33,10 @@
<div id="jeu"> <div id="jeu">
<button id="debut_game" onclick="chrono()">GO!</button> <button id="debut_game" onclick="chrono()">GO!</button>
<button id="fin_game" onclick="reset()">CIAO</button> <button id="fin_game" onclick="reset()">CIAO</button>
<div id="grille"> <div id="grille">
<script type="text/javascript">grilleButtons(7,7);</script> <script type="text/javascript">grilleButtons(7,7);</script>
</div> </div>
</div> </div>

View file

@ -7,8 +7,8 @@ class Case {
this.hidden = true; this.hidden = true;
} }
} }
function sleep(ms){ function sleep(ms){
return new Promise(resolve => setTimeout(resolve, ms)); return new Promise(resolve => setTimeout(resolve, ms));
} }
@ -59,28 +59,50 @@ function creerGrille(haut, larg) {
} }
function changeImage(mouseEvent) { function selectImage(idCase) {
mouseEvent.target.style.background="url('case_mine.png')" ; const coords = idCase.split("_") ;
const x = parseInt(coords[0]) ;
const y = parseInt(coords[0]) ;
} }
function changeImage(mouseEvent) {
if (!(mouseEvent.target.classList.contains("buttonFlagged"))) {
mouseEvent.target.style.background="url('case_mine.png')" ;
mouseEvent.target.classList.add("buttonRevealed") ;
}
}
function changeImageFlag(rightClick) {
rightClick.preventDefault() ;
if (rightClick.target.classList.contains("buttonRevealed")) {
return 0 ;
} else if (rightClick.target.classList.contains("buttonFlagged")) {
rightClick.target.style.background="url('case_vide.png')" ;
rightClick.target.classList.remove("buttonFlagged") ;
} else {
rightClick.target.style.background="url('case_flag.png')" ;
rightClick.target.classList.add("buttonFlagged") ;
}
}
function grilleButtons(haut, larg) { function grilleButtons(haut, larg) {
const divGrille = document.getElementById("grille") ; const divGrille = document.getElementById("grille") ;
for (var i=0;i<haut;i++) { for (var i=0;i<haut;i++) {
for (var j=0;j<larg;j++){ for (var j=0;j<larg;j++){
var newCase = document.createElement("BUTTON") ; var newCase = document.createElement("BUTTON") ;
newCase.style.gridrow=i.toString() ; newCase.style.gridrow=i.toString() ;
newCase.classList.add("button_case") ; newCase.classList.add("button_case") ;
newCase.id = i.toString() + "_" + j.toString() ; newCase.id = i.toString() + "_" + j.toString() ;
newCase.style.background="url('case_vide.png')" ; newCase.style.background="url('case_vide.png')" ;
newCase.addEventListener("click", changeImage); newCase.addEventListener("click", changeImage);
newCase.addEventListener("contextmenu", changeImageFlag);
divGrille.appendChild(newCase) ; divGrille.appendChild(newCase) ;
} }
} }
} }