44 lines
894 B
HTML
44 lines
894 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="initial-scale=1,witdh=device-width">
|
||
|
|
<title>Jeu de la vie</title>
|
||
|
|
<style>
|
||
|
|
.menu {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.row {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cell {
|
||
|
|
width: 1.25rem;
|
||
|
|
height: 1.25rem;
|
||
|
|
border: 1px solid black;
|
||
|
|
box-sizing : border-box;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<menu class="menu">
|
||
|
|
<button id="taille">Taille grille</button>
|
||
|
|
<button id="next-gen">Prochaine Génération</button>
|
||
|
|
<button id="autoplay">Auto Play</button>
|
||
|
|
<button id="reset">Reset</button>
|
||
|
|
<p>
|
||
|
|
Génération numéro: <span id="generation-value"></span> | Taille de la grille: <span id="grid-size-value"></span>| Timer : <span id="timer"></span>
|
||
|
|
</p>
|
||
|
|
</menu>
|
||
|
|
|
||
|
|
<div id="container"></div>
|
||
|
|
<script src="script.js"></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|