page help écrite
This commit is contained in:
parent
2dd7af4445
commit
3626a45cc3
4 changed files with 27 additions and 12 deletions
|
@ -11,23 +11,29 @@
|
||||||
</head>
|
</head>
|
||||||
<body id="body_demineur">
|
<body id="body_demineur">
|
||||||
|
|
||||||
<nav id="nav_demineur">
|
<nav id="nav_demineur">
|
||||||
<div class="item_nav">
|
|
||||||
<a href="main.html">Home</a>
|
<div class="item_nav">
|
||||||
|
<a href="main.html">Home</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="item_nav">
|
<div class="item_nav">
|
||||||
<a href="help.html">Help</a>
|
<a href="help.html">Help</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="item_nav">
|
<div class="item_nav">
|
||||||
Temps:
|
Temps:
|
||||||
<input id="temps" type="number" value="0" disabled>
|
<input id="temps" type="number" value="0" disabled>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class ="item_nav" id="affichage_nombre_mines">
|
||||||
|
Nombre total de mines : 10
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="item_nav">
|
<div class="item_nav">
|
||||||
<a id="options-button" href="#" onclick="options()">Options</a>
|
<a id="options-button" href="#" onclick="options()">Options</a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
<div id="jeu">
|
<div id="jeu">
|
||||||
|
|
|
@ -33,6 +33,7 @@ function gererOptions() {
|
||||||
nombre_mines = newNumberMines;
|
nombre_mines = newNumberMines;
|
||||||
|
|
||||||
document.getElementById('options-popup').classList.remove('show');
|
document.getElementById('options-popup').classList.remove('show');
|
||||||
|
document.getElementById("affichage_nombre_mines").innerText = "Nombre total de mines : " + nombre_mines.toString() ;
|
||||||
resetJeu();
|
resetJeu();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
13
help.html
13
help.html
|
@ -15,9 +15,16 @@
|
||||||
<h1>Comment jouer au démineur ?</h1>
|
<h1>Comment jouer au démineur ?</h1>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<p>Préparez-vous à une expérience de jeu inoubliable ! Cliquez sur le bouton ci-dessous pour commencer votre aventure.</p>
|
<p>Pour gagner, vous devrez révéler toutes les cases ne contenant pas de mine.</p>
|
||||||
<img src="smile.png" alt="Image de bienvenue" class="welcome-image">
|
<img src="case_9.png" alt="Image de bienvenue" class="welcome-image">
|
||||||
<button id="play-button">JOUER</button>
|
<p>Vous pouvez révéler une case encore cachée simplement en faisant un clic gauche dessus avec votre curseur.</p>
|
||||||
|
<img src="case_vide.png" alt="Image de bienvenue" class="welcome-image">
|
||||||
|
<p>Si vous pensez qu'une case contient une mine, faites un clic droit dessus pour y placer un drapeau. Vous ne pourrea ainsi plus la révéler par erreur.</p>
|
||||||
|
<img src="case_flag.png" alt="Image de bienvenue" class="welcome-image">
|
||||||
|
<p>Le nombre de mines contenues dans la grille et le temps que vous avez passé dans la partie en cours sont affichés en haut de l'écran.</p> <br/>
|
||||||
|
<p>Cliquez sur le bouton "Options" pour ajuster la difficulté du jeu en modifiant les dimensions de la grille et le nombre de mines</p> <br/>
|
||||||
|
<p>Voilà, vous savez tout ! Cliquez sur le bouton ci-dessous pour vous lancer :</p>
|
||||||
|
<button id="play-button">RETOUR AU JEU</button>
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<p>© 2024 Démineur. Tous droits réservés.</p>
|
<p>© 2024 Démineur. Tous droits réservés.</p>
|
||||||
|
|
|
@ -21,6 +21,7 @@
|
||||||
transition: background-color 0.7s, color 0.3s;
|
transition: background-color 0.7s, color 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#nav_demineur a:hover {
|
#nav_demineur a:hover {
|
||||||
background-color: #0039b33b; /* Couleur de fond au survol */
|
background-color: #0039b33b; /* Couleur de fond au survol */
|
||||||
color: #fff; /* Couleur du texte au survol */
|
color: #fff; /* Couleur du texte au survol */
|
||||||
|
|
Loading…
Reference in a new issue