Minesweeper💣 The objective of this game is to open all the squares that are free of mines. The squares that can be opened manually are marked with a number, which indicates the number of mines in the surrounding squares. Blank squares without numbers indicate that there are no mines in the surrounding squares. The flag can be removed by pressing the Space key to raise it, or by pressing the Space key again when it is already in place. Also, if you step on a mine, all squares will be opened and a 💣 will be displayed indicating that there was a mine in that square.'s game

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

No:6572

152

←

Prev Next

→

Minesweeper💣 The objective of this game is to open..ALL
Developer もちきなこ｜Date and time 23/7/2 20:48:15
Build time 37.212 sec｜Game capacity 4.685KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Minesweeper</title>
    <style>
        table {
            border-collapse: collapse;
        }

td {
            width: 30px;
            height: 30px;
            text-align: center;
            border: 1px solid black;
            cursor: pointer;
        }
    </style>
</head>
<body>
<script>
    var rows = 10;
    var cols = 10;
    var bombs = 10;
    var flags = 0;
    var revealed = 0;
    var gameover = false;

var board = [];

// Create the initial board
    for (var i = 0; i < rows; i++) {
        board[i] = [];
        for (var j = 0; j < cols; j++) {
            board[i][j] = {
                bomb: false,
                opened: false,
                flagged: false,
                count: 0
            };
        }
    }

// Randomly place bombs on the board
    var count = 0;
    while (count < bombs) {
        var randomRow = Math.floor(Math.random() * rows);
        var randomCol = Math.floor(Math.random() * cols);
        if (!board[randomRow][randomCol].bomb) {
            board[randomRow][randomCol].bomb = true;
            count++;
        }
    }

// Update the count for each cell
    for (var i = 0; i < rows; i++) {
        for (var j = 0; j < cols; j++) {
            if (!board[i][j].bomb) {
                for (var m = -1; m <= 1; m++) {
                    for (var n = -1; n <= 1; n++) {
                        if (i + m >= 0 && i + m < rows && j + n >= 0 && j + n < cols && board[i + m][j + n].bomb) {
                            board[i][j].count++;
                        }
                    }
                }
            }
        }
    }

function handleClick(row, col) {
        if (gameover) {
            return;
        }

var cell = board[row][col];

if (cell.flagged) {
            return;
        }

if (!cell.opened) {
            cell.opened = true;
            revealed++;

if (cell.bomb) {
                gameover = true;
                revealBoard();
                return;
            }

if (cell.count === 0) {
                openSurroundingCells(row, col);
            }
        }

if (revealed === rows * cols - bombs) {
            gameover = true;
            revealBoard();
            alert("Congratulations! You win!");
        }
    }

function flagCell(row, col) {
        if (gameover) {
            return;
        }

var cell = board[row][col];

if (cell.opened) {
            return;
        }

cell.flagged = !cell.flagged;

if (cell.flagged) {
            flags++;
        } else {
            flags--;
        }
    }

function revealBoard() {
        var table = document.getElementById("board");

for (var i = 0; i < rows; i++) {
            for (var j = 0; j < cols; j++) {
                var cell = board[i][j];
                var td = table.rows[i].cells[j];

if (cell.bomb) {
                    td.innerHTML = "💣";
                } else if (cell.count > 0) {
                    td.innerHTML = cell.count;
                }

if (cell.flagged) {
                    td.style.backgroundColor = "yellow";
                }
            }
        }
    }

function resetBoard() {
        location.reload();
    }

// Create the HTML table
    var table = document.createElement("table");
    table.setAttribute("id", "board");

for (var i = 0; i < rows; i++) {
        var tr = document.createElement("tr");

for (var j = 0; j < cols; j++) {
            var td = document.createElement("td");
            td.setAttribute("onclick", "handleClick(" + i + ", " + j + ")");
            td.setAttribute("oncontextmenu", "flagCell(" + i + ", " + j + "); return false;");
            tr.appendChild(td);
        }

table.appendChild(tr);
    }

document.body.appendChild(table);

var flagCounter = document.createElement("p");
    flagCounter.innerHTML = "Flags: " + flags;
    document.body.appendChild(flagCounter);

var resetButton = document.createElement("button");
    resetButton.innerHTML = "Reset";
    resetButton.addEventListener("click", resetBoard);
    document.body.appendChild(resetButton);
</script>
</body>
</html>