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

Compare commits

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

2 commits
1729986553 ... 2a2cf84cf3

Author SHA1 Message Date
Bocquel Raphael
2a2cf84cf3 Merge branch 'main' of https://git.etud.insa-toulouse.fr/bocquel/Projet_JS 2024-12-10 15:20:30 +01:00
Bocquel Raphael
6ad941f603 grille fonctionne basiquement 2024-12-10 15:08:10 +01:00
4 changed files with 54 additions and 16 deletions
Show stats Expand all files Collapse all files

1
TODO.txt
View file

@ -1 +1,2 @@
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,7 +5,9 @@
<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">
@ -27,9 +29,14 @@
</div> </div>
</nav> </nav>
<div id="jeu">ICI se retourve le jeu</div>
<button id="debut_game" onclick="chrono()">GO!</button> <div id="jeu">
<button id="fin_game" onclick="reset()">CIAO</button> <button id="debut_game" onclick="chrono()">GO!</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,9 +7,6 @@ class Case {
this.hidden = true; this.hidden = true;
} }
get imageName() {
return this.getImageName();
}
} }
function sleep(ms){ function sleep(ms){
@ -45,21 +42,45 @@ 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;
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) ;
}
}
}

13
style.css
View file

@ -27,10 +27,19 @@
} }
#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;
}