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

10
demineur.html
View file

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Démineur</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="demineur.js"></script>
</head>
<body id="body_demineur">
@ -23,9 +24,12 @@
</div>
</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>
</html>
</html>

41
demineur.js
View file

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

14
style.css
View file

@ -24,7 +24,19 @@
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{
margin-top: 3px;
padding-right: 10px;
}
}
.button_case{
width : 50px;
height : 50px;
border : 0px;
}