52 lines
1.9 KiB
HTML
52 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
|
<title>Dur / Numérologie</title>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
<link rel='stylesheet' type='text/css' href='Css/main.css'>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Fjalla+One&family=Kanit:ital,wght@0,100;1,800&family=Lobster&family=Rubik+Wet+Paint&family=Secular+One&display=swap');
|
|
</style>
|
|
|
|
</head>
|
|
<header>
|
|
|
|
|
|
|
|
</header>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<h1>Numérologie</h1>
|
|
<p>Trouve le bon nombre entre 0-500! Tu as <span id="essaisRestants">11</span> essais!</p>
|
|
<div class="vies">
|
|
<ion-icon name="heart-outline"></ion-icon>
|
|
<ion-icon name="heart"></ion-icon>
|
|
|
|
|
|
<!-- Zone de jeu -->
|
|
</div>
|
|
<form id="inputBox">
|
|
<label for="number"> Entre un nombre:</label>
|
|
<input type="number" id="number" min="0" max="500" required>
|
|
<button type="submit" id="essayerBtn">Essayer</button>
|
|
<p id="message"></p>
|
|
<button id="rejouer">re-jouer</button>
|
|
</form>
|
|
<p id="detail"> * Brulant = ± 2; Chaud = ± 5 ; Tiède = ± 10 ; Froid = + de 10.</p>
|
|
<br><a class="aca" href="index.html">Sortir</a>
|
|
</div>
|
|
|
|
|
|
<!-- Bouton exit -->
|
|
|
|
|
|
<!-- Ajout des icon -->
|
|
|
|
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
|
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
|
<script src="Js/dur.js"></script>
|
|
</body>
|
|
</html> |