Minesweeper with drawing of bombs Use code Html JavaScript Python C++'s game

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

No:43444

←

Prev Next

→

Minesweeper with drawing of bombs Use code Html Ja..ALL
Developer User19182｜Date and time 24/2/15 14:16:21
Build time 10.487 sec｜Game capacity 3.446KB｜

Script

Sure, here's an example of a simple Minesweeper game implemented as a single HTML file using JavaScript. It uses pictograms for bombs and requires smartphone operation.

To play the game, you can open the HTML file in any web browser on your smartphone. The game will generate a 9x9 grid with 10 randomly placed bombs. Tap on a cell to reveal it. If you reveal a bomb, the game is over and you will receive an alert. Otherwise, the revealed cell will display the number of adjacent bombs (if any).

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure, here's an example of a simple Minesweeper game implemented as a single HTML file using JavaScript. It uses pictograms for bombs and requires smartphone operation.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Minesweeper</title>
    <style>
      td {
        width: 30px;
        height: 30px;
        text-align: center;
        border: 1px solid #000;
        font-size: 20px;
      }
    </style>
  </head>
  <body>
    <table></table>

// Function to create the game board
      function createBoard(rows, cols, numBombs) {
        const table = document.querySelector("table");

// Create the cells
        for (let i = 0; i < rows; i++) {
          const row = document.createElement("tr");
          for (let j = 0; j < cols; j++) {
            const cell = document.createElement("td");
            cell.dataset.row = i;
            cell.dataset.col = j;
            cell.addEventListener("click", revealCell);
            row.appendChild(cell);
          }
          table.appendChild(row);
        }

// Place the bombs randomly
        for (let i = 0; i < numBombs; i++) {
          const cell = getRandomCell();
          cell.dataset.bomb = true;
        }
      }

// Function to reveal a cell
      function revealCell() {
        const cell = this;
        const isBomb = cell.dataset.bomb;
        if (isBomb) {
          // Handle game over
          cell.innerText = "💣";
          alert("Game Over!");
          location.reload();
        } else {
          const row = parseInt(cell.dataset.row);
          const col = parseInt(cell.dataset.col);
          const numBombs = countAdjacentBombs(row, col);
          cell.innerText = numBombs;
          cell.style.backgroundColor = "#ddd";
          cell.removeEventListener("click", revealCell);
        }
      }

// Function to count adjacent bombs
      function countAdjacentBombs(row, col) {
        const cells = document.querySelectorAll("td");
        let count = 0;

for (let i = -1; i <= 1; i++) {
          for (let j = -1; j <= 1; j++) {
            const adjacentCellRow = row + i;
            const adjacentCellCol = col + j;
            const adjacentCell = getCell(adjacentCellRow, adjacentCellCol);
            if (adjacentCell && adjacentCell.dataset.bomb) {
              count++;
            }
          }
        }

return count;
      }

// Function to get a cell by row and col
      function getCell(row, col) {
        return document.querySelector(
          `td[data-row="${row}"][data-col="${col}"]`
        );
      }

// Function to get a random cell
      function getRandomCell() {
        const cells = document.querySelectorAll("td");
        const randomIndex = getRandomNumber(0, cells.length - 1);
        return cells[randomIndex];
      }

// Set up the game board
      createBoard(9, 9, 10);
    </script>
  </body>
</html>
```