Projet_JS/demineur.html

74 lines
2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Démineur</title>
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="demineur.js" defer></script>
</head>
<body id="body_demineur">
<nav id="nav_demineur">
<div class="item_nav">
<a href="main.html">Home</a>
</div>
<div class="item_nav">
<a href="https://demineur.nhtdev.com/fr/rules">Help</a>
</div>
<div class="item_nav">
Temps:
<input id="temps" type="number" value="000" disabled>
</div>
<div class="item_nav">
Mines restantes:10
</div>
<div class="item_nav">
<button id="options-button" onclick="options()">Options</button>
</div>
</nav>
<div id="jeu">
</div>
<!-- <button id="debut_game" class="game_button" onclick="chrono()">GO!</button>-->
<button id="fin_game" class="game_button" onclick="resetJeu()">Abandon</button>
<div id="cookies-popup" class="popup">
<div id="cookies-popup-content">
<h2>Bonjour !</h2>
<p>Voulez vous des cookies?</p>
<button id="refuse-button">non :(</button>
<button id="accept-button">Avec Plaisir!</button>
</div>
</div>
<div id="options-popup" class="popup">
<div id="options-popup-content">
<h2>Options</h2>
<label for="hauteur">Hauteur:</label>
<input type="number" id="hauteur" value="7">
<br>
<label for="largeur">Largeur:</label>
<input type="number" id="largeur" value="7">
<br>
<label for="number_mines">Nombre de mines:</label>
<input type="number" id="number_mines" value="10">
<br><br>
<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>
</footer>
</html>