Click here for free DL of the app version that can save data.

No:32329

←

Prev Next

→

Sudoku game
Developer User15401｜Date and time 23/12/31 4:23:48
Build time 27.765 sec｜Game capacity 5.109KB｜

Script

Sure! Here's an example of a Sudoku game implemented as a single HTML file using JavaScript. It includes smartphone operation and uses pictograms for a more user-friendly interface.

Sudoku Game

To play the game, open this HTML file in a web browser on your smartphone or any device with a capable web browser. You'll see a 9x9 grid representing the Sudoku board. Tap on a cell to select it and enter a number from 1 to 9. If the number is valid, it will appear in the cell. Use the "Solve" button to automatically solve the Sudoku puzzle.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

Click here for free DL of the app version that can save data.

Sure! Here's an example of a Sudoku game implemented as a single HTML file using JavaScript. It includes smartphone operation and uses pictograms for a more user-friendly interface.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sudoku Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(9, 1fr);
      gap: 5px;
      justify-content: center;
      margin-bottom: 20px;
    }
    .cell {
      padding: 10px;
      text-align: center;
      font-size: 20px;
      background-color: #eee;
      border-radius: 5px;
      cursor: pointer;
    }
    .cell.active {
      background-color: #ddd;
    }
    .cell.fixed {
      background-color: #ccc;
      font-weight: bold;
      cursor: not-allowed;
    }
    .cell.error {
      background-color: #ffcccc;
    }
    .btn {
      padding: 10px 20px;
      background-color: #4caf50;
      color: white;
      font-size: 18px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    .btn:hover {
      background-color: #45a049;
    }
  </style>
</head>
<body>
  <h1>Sudoku Game</h1>
  <div class="grid"></div>
  <button class="btn" onclick="solve()">Solve</button>

// Function to generate the Sudoku grid
    function generateGrid() {
      const gridElement = document.querySelector('.grid');
      let cellId = 0;

for (let row = 0; row < 9; row++) {
        for (let col = 0; col < 9; col++) {
          const cellValue = board[row][col];
          const cell = document.createElement('div');
          cell.classList.add('cell');
          cell.setAttribute('id', cellId);
          cell.addEventListener('click', () => handleClick(cellId));
          cell.textContent = cellValue || '';
          if (cellValue) {
            cell.classList.add('fixed');
          }
          gridElement.appendChild(cell);
          cellId++;
        }
      }
    }

// Handles cell click event
    function handleClick(cellId) {
      const cell = document.getElementById(cellId);
      const isActive = cell.classList.contains('active');

// Remove active class from all cells
      const cells = document.querySelectorAll('.cell');
      cells.forEach(cell => cell.classList.remove('active'));

// Add active class to the clicked cell
      if (!isActive) {
        cell.classList.add('active');
      }
    }

// Function to solve the Sudoku puzzle
    function solve() {
      const cells = document.querySelectorAll('.cell');
      const numbers = [];

cells.forEach(cell => {
        const value = parseInt(cell.textContent, 10);
        numbers.push(isNaN(value) ? 0 : value);
      });

if (solveSudoku(numbers)) {
        for (let i = 0; i < numbers.length; i++) {
          cells[i].textContent = numbers[i];
        }
      } else {
        alert('Unable to solve the puzzle!');
      }
    }

// Recursive function to solve sudoku using backtracking
    function solveSudoku(numbers) {
      const emptyCellIndex = numbers.findIndex(num => num === 0);

if (emptyCellIndex === -1) {
        return true; // Puzzle solved
      }

for (let num = 1; num <= 9; num++) {
        if (isValid(numbers, emptyCellIndex, num)) {
          numbers[emptyCellIndex] = num;

if (solveSudoku(numbers)) {
            return true;
          }

numbers[emptyCellIndex] = 0; // Reset the cell if solution not found
        }
      }

return false; // No solution found
    }

// Check if placing a number in a particular cell is valid
    function isValid(numbers, cellIndex, value) {
      const row = Math.floor(cellIndex / 9);
      const col = cellIndex % 9;

// Check in the same row and column
      for (let i = 0; i < 9; i++) {
        if (numbers[row * 9 + i] === value || numbers[i * 9 + col] === value) {
          return false;
        }
      }

// Check in the same 3x3 grid
      const startRow = Math.floor(row / 3) * 3;
      const startCol = Math.floor(col / 3) * 3;

for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (numbers[(startRow + i) * 9 + startCol + j] === value) {
            return false;
          }
        }
      }

return true;
    }

// Generate the Sudoku grid on page load
    generateGrid();
  </script>
</body>
</html>
```