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

Compare commits

base: bocquel:5870054bd9dcc5a93d3ed433ed5b2d5d22ab423f
Branches Tags
bocquel:main
..
compare: bocquel:db33d3337bc36fbd116db965ba6941005e5167ac
Branches Tags
bocquel:main

No commits in common. "5870054bd9dcc5a93d3ed433ed5b2d5d22ab423f" and "db33d3337bc36fbd116db965ba6941005e5167ac" have entirely different histories.
5870054bd9 ... db33d3337b

3 changed files with 5 additions and 44 deletions
Show stats Expand all files Collapse all files

19
demineur.html
View file

@ -27,9 +27,6 @@
<div class="item_nav">
Mines restantes:10
</div>
<div class="item_nav">
<button id="options-button">Options</button>
</div>
</nav>
@ -41,7 +38,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="cookies-popup" class="popup">
<div id="popup" class="popup">
<div class="popup-content">
<h2>Bonjour !</h2>
<p>Voulez vous des cookies?</p>
@ -50,20 +47,6 @@
<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>

23
demineur.js
View file

@ -17,28 +17,7 @@ let largeur = 7;
let number_mines = 10 ;
let first_click = true ;
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);
}
@ -156,7 +135,7 @@ function getCookie(name) {
function cookie(){
const popup = document.getElementById('cookies-popup');
const popup = document.getElementById('popup');
const close_popup_button = document.getElementById('accept-button');
const keep_popup_button = document.getElementById('refuse-button');
// Fonction pour afficher la pop-up

7
style.css
View file

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