Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Sudoku Game</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>🎮 Sudoku Game</h1> | |
| <div class="controls"> | |
| <select id="difficulty"> | |
| <option value="easy">Easy</option> | |
| <option value="medium" selected>Medium</option> | |
| <option value="hard">Hard</option> | |
| </select> | |
| <button onclick="newGame()">New Game</button> | |
| <button onclick="validateBoard()">Check</button> | |
| <button onclick="getHint()">Hint</button> | |
| <button onclick="showSolution()">Solution</button> | |
| <button onclick="clearBoard()">Clear All</button> | |
| </div> | |
| <div id="message" class="message"></div> | |
| <div id="sudoku-board" class="sudoku-board"></div> | |
| <div class="instructions"> | |
| <p>💡 <strong>How to play:</strong></p> | |
| <ul> | |
| <li>Click on any empty cell and type a number (1-9)</li> | |
| <li>Use arrow keys to navigate between cells</li> | |
| <li>Press Delete or Backspace to clear a cell</li> | |
| <li>Press Tab to move to the next empty cell</li> | |
| <li>Or use the number buttons below</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |