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

debut normalisation

Browse source
This commit is contained in:
Bocquel Raphael 2025-01-01 18:24:32 +01:00
parent f61c888f5c
commit 27ecac97bd
2 changed files with 36 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
demineur.html
View file

@ -58,8 +58,8 @@
<input type="number" id="hauteur" value="7"> <input type="number" id="hauteur" value="7">
<label for="largeur">Largeur:</label> <label for="largeur">Largeur:</label>
<input type="number" id="largeur" value="7"> <input type="number" id="largeur" value="7">
<label for="number_mines">Nombre de mines:</label> <label for="nombre_mines">Nombre de mines:</label>
<input type="number" id="number_mines" value="10"> <input type="number" id="nombre_mines" value="10">
<button id="save-options">Sauvegarder</button> <button id="save-options">Sauvegarder</button>
<button id="close-options">Fermer</button> <button id="close-options">Fermer</button>
</div> </div>

63
demineur.js
View file

@ -1,10 +1,14 @@
//Initialisation des constantes
let grille = []; let grille = [];
let hauteur = 7; let hauteur = 7;
let largeur = 7; let largeur = 7;
let number_mines = 10 ; let nombre_mines = 10 ;
let first_click = true ; let premier_click = true ;
let arret=0; let arret=0;
let cases_restantes = hauteur*largeur - number_mines ; let cases_restantes = hauteur*largeur - nombre_mines ;
//Assignation de leurs fonctions aux différents boutons
document.getElementById('options-button').addEventListener('click', () => { document.getElementById('options-button').addEventListener('click', () => {
document.getElementById('options-popup').classList.add('show'); document.getElementById('options-popup').classList.add('show');
@ -17,7 +21,7 @@ document.getElementById('close-options').addEventListener('click', () => {
document.getElementById('save-options').addEventListener('click', () => { document.getElementById('save-options').addEventListener('click', () => {
hauteur = parseInt(document.getElementById('hauteur').value); hauteur = parseInt(document.getElementById('hauteur').value);
largeur = parseInt(document.getElementById('largeur').value); largeur = parseInt(document.getElementById('largeur').value);
number_mines = parseInt(document.getElementById('number_mines').value); nombre_mines = parseInt(document.getElementById('nombre_mines').value);
document.getElementById('options-popup').classList.remove('show'); document.getElementById('options-popup').classList.remove('show');
resetJeu(); resetJeu();
}); });
@ -25,7 +29,8 @@ document.getElementById('save-options').addEventListener('click', () => {
document.getElementById("fin_game").addEventListener("click", resetJeu) ; document.getElementById("fin_game").addEventListener("click", resetJeu) ;
function getRandomInt(maxi) {
function getRandomInt(maxi) { //fonction pour obtenir un entier aléatoire entre 0 et maxi
return Math.floor(Math.random() * maxi); return Math.floor(Math.random() * maxi);
} }
@ -49,7 +54,7 @@ function jeuFini() {
return true; // Toutes les conditions sont remplies return true; // Toutes les conditions sont remplies
} }
function MontrerMines() { function MontrerMines() { //fonction pour révéler toutes les mines sur le plateau après un essai raté
for (let i = 0; i < hauteur; i++) { for (let i = 0; i < hauteur; i++) {
for (let j = 0; j < largeur; j++) { for (let j = 0; j < largeur; j++) {
if (grille[i][j] === 9) { if (grille[i][j] === 9) {
@ -61,7 +66,7 @@ function MontrerMines() {
} }
} }
function creerGrille(haut, larg, mine_nb, x_first, y_first) { function creerGrille(haut, larg, mine_nb, x_premier, y_premier) {
grille.length = haut; grille.length = haut;
for (var i = 0; i < haut; i++) { for (var i = 0; i < haut; i++) {
grille[i] = Array(larg); grille[i] = Array(larg);
@ -71,17 +76,17 @@ function creerGrille(haut, larg, mine_nb, x_first, y_first) {
} }
for (var k = 0; k < mine_nb; k++) { for (var k = 0; k < mine_nb; k++) {
let new_x = getRandomInt(larg); let nouv_x = getRandomInt(larg);
let new_y = getRandomInt(haut); let nouv_y = getRandomInt(haut);
while (grille[new_y][new_x] == 9 || (new_y == y_first && new_x == x_first)) { while (grille[nouv_y][nouv_x] == 9 || (nouv_y == y_premier && nouv_x == x_premier)) {
new_x = getRandomInt(larg); nouv_x = getRandomInt(larg);
new_y = getRandomInt(haut); nouv_y = getRandomInt(haut);
} }
grille[new_y][new_x] = 9; grille[nouv_y][nouv_x] = 9;
for (var m = Math.max(0, new_y - 1); m < Math.min(haut, new_y + 2); m++) { for (var m = Math.max(0, nouv_y - 1); m < Math.min(haut, nouv_y + 2); m++) {
for (var n = Math.max(0, new_x - 1); n < Math.min(larg, new_x + 2); n++) { for (var n = Math.max(0, nouv_x - 1); n < Math.min(larg, nouv_x + 2); n++) {
if (grille[m][n] != 9) { if (grille[m][n] != 9) {
grille[m][n]++; grille[m][n]++;
} }
@ -172,9 +177,9 @@ function selectImage(idCase) {
const y = parseInt(coords[0]) ; const y = parseInt(coords[0]) ;
const x = parseInt(coords[1]) ; const x = parseInt(coords[1]) ;
if (first_click) { if (premier_click) {
creerGrille(hauteur,largeur,number_mines,x,y) ; creerGrille(hauteur,largeur,nombre_mines,x,y) ;
first_click = false ; premier_click = false ;
chrono() ; chrono() ;
} }
@ -220,9 +225,9 @@ function resetJeu() {
const divJeu = document.getElementById("jeu") ; const divJeu = document.getElementById("jeu") ;
divJeu.removeChild(divJeu.children[0]) ; divJeu.removeChild(divJeu.children[0]) ;
grilleButtons(hauteur, largeur) ; grilleButtons(hauteur, largeur) ;
cases_restantes = hauteur*largeur - number_mines ; cases_restantes = hauteur*largeur - nombre_mines ;
arret = 1 ; arret = 1 ;
first_click = true ; premier_click = true ;
} }
@ -263,15 +268,15 @@ function grilleButtons(haut, larg) {
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 nouvCase = document.createElement("BUTTON") ;
newCase.style.gridRow=(i+1).toString() ; nouvCase.style.gridRow=(i+1).toString() ;
newCase.style.gridColumn = (j+1).toString() ; nouvCase.style.gridColumn = (j+1).toString() ;
newCase.classList.add("button_case") ; nouvCase.classList.add("button_case") ;
newCase.id = i.toString() + "_" + j.toString() ; nouvCase.id = i.toString() + "_" + j.toString() ;
newCase.style.background="url('case_vide.png')" ; nouvCase.style.background="url('case_vide.png')" ;
newCase.addEventListener("click", changeImageClick); nouvCase.addEventListener("click", changeImageClick);
newCase.addEventListener("contextmenu", changeImageFlag); nouvCase.addEventListener("contextmenu", changeImageFlag);
divGrille.appendChild(newCase) ; divGrille.appendChild(nouvCase) ;
} }
} }