This commit is contained in:
Bocquel Raphael 2025-01-01 17:08:45 +01:00
commit 3486f90658
3 changed files with 44 additions and 5 deletions

View file

@ -27,6 +27,9 @@
<div class="item_nav">
Mines restantes:10
</div>
<div class="item_nav">
<button id="options-button">Options</button>
</div>
</nav>
@ -38,7 +41,7 @@
<!-- <button id="debut_game" class="game_button" onclick="chrono()">GO!</button>-->
<button id="fin_game" class="game_button" onclick="reset()">RESET</button>
<div id="popup" class="popup">
<div id="cookies-popup" class="popup">
<div class="popup-content">
<h2>Bonjour !</h2>
<p>Voulez vous des cookies?</p>
@ -47,6 +50,20 @@
<button id="accept-button">Avec Plaisir!</button>
</div>
</div>
<div id="options-popup" class="popup">
<div class="popup-content">
<h2>Options</h2>
<label for="hauteur">Hauteur:</label>
<input type="number" id="hauteur" value="7">
<label for="largeur">Largeur:</label>
<input type="number" id="largeur" value="7">
<label for="number_mines">Nombre de mines:</label>
<input type="number" id="number_mines" value="10">
<button id="save-options">Sauvegarder</button>
<button id="close-options">Fermer</button>
</div>
</div>
</body>
<footer>
<p>© 2024 - Tous droits réservés - Le Démineur</p>

View file

@ -6,7 +6,28 @@ let first_click = true ;
let arret=0;
let cases_restantes = hauteur*largeur - number_mines ;
document.getElementById('options-button').addEventListener('click', () => {
document.getElementById('options-popup').classList.add('show');
});
document.getElementById('close-options').addEventListener('click', () => {
document.getElementById('options-popup').classList.remove('show');
});
document.getElementById('save-options').addEventListener('click', () => {
hauteur = parseInt(document.getElementById('hauteur').value);
largeur = parseInt(document.getElementById('largeur').value);
number_mines = parseInt(document.getElementById('number_mines').value);
document.getElementById('options-popup').classList.remove('show');
resetGame();
});
function resetGame() {
first_click = true;
document.getElementById('jeu').innerHTML = '';
creerGrille(hauteur, largeur, number_mines);
grilleButtons(hauteur, largeur);
}
function getRandomInt(maxi) {
return Math.floor(Math.random() * maxi);
}
@ -124,7 +145,7 @@ function getCookie(name) {
function cookie(){
const popup = document.getElementById('popup');
const popup = document.getElementById('cookies-popup');
const close_popup_button = document.getElementById('accept-button');
const keep_popup_button = document.getElementById('refuse-button');
// Fonction pour afficher la pop-up

View file

@ -60,11 +60,12 @@
transition: visibility 0.3s, opacity 0.3s;
}
.popup.show {
#cookies-popup.show,#options-popup.show {
visibility: visible;
opacity: 1;
}
.popup-content {
background-color: #fff;
padding: 20px;
@ -75,7 +76,7 @@
width: 100%;
}
#accept-button, #refuse-button {
#accept-button, #refuse-button, #save-options, #close-options {
background-color: #007BFF;
color: #fff;
border: none;
@ -88,7 +89,7 @@
background-color: #0056b3;
}
#refuse-button:hover,#accept-button:hover {
#refuse-button:hover,#accept-button:hover, #save-options:hover, #close-options:hover {
background-color: #1ecfee;
}