Compare commits

...

3 commits

View file

@ -1,21 +1,34 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Minesweeper</title> <title>Minesweeper</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css" />
</head> </head>
<body> <body>
<div id="settings"> <div id="settings">
<h1>Minesweeper</h1> <h1>Minesweeper</h1>
<label for="gridSize">Grid Size:</label> <label for="gridSize">Grid Size:</label>
<input type="number" id="gridSize" min="1" max="25" value="9" aria-label="Grid Size"> <input
type="number"
id="gridSize"
min="1"
max="25"
value="9"
aria-label="Grid Size"
/>
<label for="bombs">Number of Bombs:</label> <label for="bombs">Number of Bombs:</label>
<input type="range" id="bombs" min="1" max="80" value="20" aria-label="Number of Bombs"> <input
type="range"
id="bombs"
min="1"
max="80"
value="20"
aria-label="Number of Bombs"
/>
<button id="startGame">Start Game</button> <button id="startGame">Start Game</button>
</div> </div>
@ -26,5 +39,4 @@
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>
</html> </html>