diff --git a/demineur.html b/demineur.html index e846418..2852064 100644 --- a/demineur.html +++ b/demineur.html @@ -31,12 +31,12 @@
- - +
- + + + diff --git a/demineur.js b/demineur.js index dae1c66..be2ae28 100644 --- a/demineur.js +++ b/demineur.js @@ -88,32 +88,35 @@ async function reset(){ } -function Cookies() { - var accept = confirm("Tu veux des cookies ?"); - if (accept === true) { - alert("Bon jeu!"); - } else { - Cookies(); - } - } -//Cookies(); +// Fonction pour créer un cookie +function setCookie(name, value, days) { + const expires = new Date(Date.now() + days * 864e5).toUTCString(); + document.cookie = `${name}=${value}; expires=${expires}; path=/`; +} + +// Fonction pour lire un cookie +function getCookie(name) { + return document.cookie.split('; ').find(row => row.startsWith(name + '='))?.split('=')[1]; +} function cookie(){ const popup = document.getElementById('popup'); - const closePopupButton = document.getElementById('accept-button'); - + const close_popup_button = document.getElementById('accept-button'); + const keep_popup_button = document.getElementById('refuse-button'); // Fonction pour afficher la pop-up - popup.classList.add('show'); - + + keep_popup_button.addEventListener('click', () => { + keep_popup_button.style.display = 'none'; + }); // Fonction pour fermer la pop-up - closePopupButton.addEventListener('click', () => { + close_popup_button.addEventListener('click', () => { setCookie('cookiesAccepted', 'true', 1); // Stocke l'acceptation pendant 1 jour popup.classList.remove('show'); }); @@ -186,4 +189,5 @@ function grilleButtons(haut, larg) { } -grilleButtons(7,7) ; +creerGrille(hauteur,largeur,number_mines) ; +grilleButtons(hauteur,largeur) ; diff --git a/style.css b/style.css index a2e0f47..0849169 100644 --- a/style.css +++ b/style.css @@ -11,7 +11,7 @@ } #body_demineur{ - background-color: rgba(128, 128, 128, 0.544); + background-color: #007BFF; margin: 0; @@ -19,11 +19,12 @@ #jeu{ - display: flex; - justify-content: left; - border-width: 2px; - border-style: double; - width: 49%; + display: flex; + justify-content: left; + border-width: 2px; + border-style: double; + width: 49%; + background-color: #fff; } @@ -71,15 +72,7 @@ width: 100%; } -#accept-button { - background-color: #007BFF; - color: #fff; - border: none; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; -} -#refuse-button { +#accept-button, #refuse-button { background-color: #007BFF; color: #fff; border: none; @@ -91,3 +84,8 @@ #close-popup:hover { background-color: #0056b3; } + +#refuse-button:hover,#accept-button:hover { + background-color: #1ecfee; + +}