30 lines
		
	
	
		
			No EOL
		
	
	
		
			741 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			30 lines
		
	
	
		
			No EOL
		
	
	
		
			741 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| <html lang="en">
 | |
| 
 | |
| <head>
 | |
|   <meta charset="UTF-8" />
 | |
|   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 | |
|   <title>Minesweeper</title>
 | |
|   <link rel="stylesheet" href="styles.css" />
 | |
| </head>
 | |
| 
 | |
| <body>
 | |
|   <div id="settings">
 | |
|     <h1>Minesweeper</h1>
 | |
|     <label for="gridSize">Grid Size:</label>
 | |
|     <input type="number" id="gridSize" min="6" max="25" value="9" aria-label="Grid Size" />
 | |
| 
 | |
|     <label for="bombs">Number of Bombs:</label>
 | |
|     <input type="number" id="bombs" min="1" max="300" value="9" aria-label="Number of Bombs" />
 | |
| 
 | |
|     <button id="startGame">Start Game</button>
 | |
|   </div>
 | |
| 
 | |
|   <div class="container">
 | |
|     <canvas id="game"></canvas>
 | |
|   </div>
 | |
| 
 | |
|   <script src="script.js"></script>
 | |
| </body>
 | |
| 
 | |
| </html> |