bocquel/Projet_JS
2
0
Fork 2
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity Actions

Compare commits

base: bocquel:2a2cf84cf311b49f5c290c8502b43f35efa7ec30
Branches Tags
bocquel:main
..
compare: bocquel:17299865533f2706149aa66eadaa148bad42e63c
Branches Tags
bocquel:main

No commits in common. "2a2cf84cf311b49f5c290c8502b43f35efa7ec30" and "17299865533f2706149aa66eadaa148bad42e63c" have entirely different histories.
2a2cf84cf3 ... 1729986553

4 changed files with 16 additions and 54 deletions
Show stats Expand all files Collapse all files

1
TODO.txt
View file

@ -1,2 +1 @@
younes: final chrono , pop up cookie , centrer ligne , animation pop up younes: final chrono , pop up cookie , centrer ligne , animation pop up
raph : finir de faire marcher la grille, lier la grille à l'affichage des mines, faire la logique du jeu

15
demineur.html
View file

@ -5,9 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Démineur</title> <title>Démineur</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="demineur.js"></script>
<script type="text/javascript" src="demineur.js"></script>
</head> </head>
<body id="body_demineur"> <body id="body_demineur">
@ -29,14 +27,9 @@
</div> </div>
</nav> </nav>
<div id="jeu">ICI se retourve le jeu</div>
<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">
<script type="text/javascript">grilleButtons(7,7);</script>
</div>
</div>

41
demineur.js
View file

@ -7,6 +7,9 @@ class Case {
this.hidden = true; this.hidden = true;
} }
get imageName() {
return this.getImageName();
}
} }
function sleep(ms){ function sleep(ms){
@ -42,45 +45,21 @@ function Cookies() {
} }
//Cookies(); //Cookies();
let grille = []; let grille = [];
let hauteur = 7;
let largeur = 7;
function creerGrille(haut, larg) { function creerGrille(haut, larg) {
grille.length = haut; grille.length = haut;
for (var i=0;i<haut;i++) { let i = 0;
let j = 0;
while (i < haut) {
grille[i] = Array(larg); grille[i] = Array(larg);
for (var j=0;j<larg;j++){ j = 0;
while (j<larg) {
grille[i][j] = new Case(j, i); grille[i][j] = new Case(j, i);
j = j + 1 ;
} }
i = i + 1;
} }
} }
function changeImage(mouseEvent) {
mouseEvent.target.style.background="url('case_mine.png')" ;
}
function grilleButtons(haut, larg) {
const divGrille = document.getElementById("grille") ;
for (var i=0;i<haut;i++) {
for (var j=0;j<larg;j++){
var newCase = document.createElement("BUTTON") ;
newCase.style.gridrow=i.toString() ;
newCase.classList.add("button_case") ;
newCase.id = i.toString() + "_" + j.toString() ;
newCase.style.background="url('case_vide.png')" ;
newCase.addEventListener("click", changeImage);
divGrille.appendChild(newCase) ;
}
}
}

13
style.css
View file

@ -27,19 +27,10 @@
} }
#grille{
display : grid;
grid-template-columns : 50px 50px 50px 50px 50px 50px 50px;
grid-template-rows : 50px 50px 50px 50px 50px 50px 50px;
}
.item_nav{ .item_nav{
margin-top: 3px; margin-top: 3px;
padding-right: 10px; padding-right: 10px;
} }
.button_case{
width : 50px;
height : 50px;
border : 0px;
}