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

grille fonctionne basiquement

Browse source
This commit is contained in:
Bocquel Raphael 2024-12-10 15:08:10 +01:00
parent c1749f127d
commit 6ad941f603
3 changed files with 51 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
demineur.html
View file

@ -5,6 +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 type="text/javascript" src="demineur.js"></script>
</head> </head>
<body id="body_demineur"> <body id="body_demineur">
@ -23,8 +24,11 @@
</div> </div>
</nav> </nav>
<div id="jeu">ICI se retourve le jeu</div> <div id="jeu">
<div id="grille">
<script type="text/javascript">grilleButtons(7,7);</script>
</div>
</div>
</body> </body>

41
demineur.js
View file

@ -7,27 +7,48 @@ class Case {
this.hidden = true; this.hidden = true;
} }
get imageName() {
return this.getImageName();
}
} }
let grille = []; let grille = [];
let hauteur = 7;
let largeur = 7;
function creerGrille(haut, larg) { function creerGrille(haut, larg) {
grille.length = haut; grille.length = haut;
let i = 0; for (var i=0;i<haut;i++) {
let j = 0;
while (i < haut) {
grille[i] = Array(larg); grille[i] = Array(larg);
j = 0; for (var j=0;j<larg;j++){
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) ;
}
}
}

12
style.css
View file

@ -24,7 +24,19 @@
border-style: double; */ border-style: double; */
} }
#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;
}