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

page help écrite

Browse source
This commit is contained in:
Bocquel Raphael 2025-01-03 15:45:42 +01:00
parent 2dd7af4445
commit 3626a45cc3
4 changed files with 27 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
demineur.html
View file

@ -11,23 +11,29 @@
</head>
<body id="body_demineur">
<nav id="nav_demineur">
<div class="item_nav">
<a href="main.html">Home</a>
<nav id="nav_demineur">
<div class="item_nav">
<a href="main.html">Home</a>
</div>
<div class="item_nav">
<a href="help.html">Help</a>
<a href="help.html">Help</a>
</div>
<div class="item_nav">
Temps:
<input id="temps" type="number" value="0" disabled>
Temps:
<input id="temps" type="number" value="0" disabled>
</div>
<div class ="item_nav" id="affichage_nombre_mines">
Nombre total de mines : 10
</div>
<div class="item_nav">
<a id="options-button" href="#" onclick="options()">Options</a>
</div>
</nav>
<a id="options-button" href="#" onclick="options()">Options</a>
</div>
</nav>
<div id="jeu">

1
demineur.js
View file

@ -33,6 +33,7 @@ function gererOptions() {
nombre_mines = newNumberMines;
document.getElementById('options-popup').classList.remove('show');
document.getElementById("affichage_nombre_mines").innerText = "Nombre total de mines : " + nombre_mines.toString() ;
resetJeu();
}

13
help.html
View file

@ -15,9 +15,16 @@
<h1>Comment jouer au démineur ?</h1>
</header>
<main>
<p>Préparez-vous à une expérience de jeu inoubliable ! Cliquez sur le bouton ci-dessous pour commencer votre aventure.</p>
<img src="smile.png" alt="Image de bienvenue" class="welcome-image">
<button id="play-button">JOUER</button>
<p>Pour gagner, vous devrez révéler toutes les cases ne contenant pas de mine.</p>
<img src="case_9.png" alt="Image de bienvenue" class="welcome-image">
<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>
<footer>
<p>&copy; 2024 Démineur. Tous droits réservés.</p>

1
style.css
View file

@ -21,6 +21,7 @@
transition: background-color 0.7s, color 0.3s;
}
#nav_demineur a:hover {
background-color: #0039b33b; /* Couleur de fond au survol */
color: #fff; /* Couleur du texte au survol */