Bingo game Numbers 1-90 Caller And Player Bingo Cards's game

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

No:14233

←

Prev Next

→

Bingo game Numbers 1-90 Caller And Player Bingo Ca..ALL
Developer User6030｜Date and time 23/8/31 4:33:42
Build time 35.31 sec｜Game capacity 6.948KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Bingo Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #caller-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px;
        }
        #player-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .cell {
            width: 40px;
            height: 40px;
            border: 1px solid black;
            margin: 2px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            font-weight: bold;
        }
        .selected {
            background-color: lightblue;
        }
        .bingo {
            background-color: yellow;
        }
        #game-msg {
            margin: 20px;
            font-size: 18px;
            font-weight: bold;
        }
        #new-game-btn {
            margin-top: 10px;
            padding: 10px 20px;
            font-size: 16px;
            font-weight: bold;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="caller-container">
        <button id="call-number-btn">Вызвать</button>
        <span id="current-number"></span>
    </div>
    <div id="player-container"></div>
    <div id="game-msg"></div>
    <button id="new-game-btn">Новая игра</button>

for (let i = 1; i <= 4; i++) {
                const card = document.createElement("div");
                card.className = "card";

for (let j = 1; j <= 15; j++) {
                    const cell = document.createElement("div");
                    cell.className = "cell";
                    cell.innerText = getRandomNumber(1, 90);

card.appendChild(cell);
                }

playerContainer.appendChild(card);
            }
        }

// Generate a random number between min and max (inclusive)
        function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

// Caller functionality
        const callNumberBtn = document.getElementById("call-number-btn");
        const currentNumber = document.getElementById("current-number");

const calledNumbers = [];

callNumberBtn.addEventListener("click", function() {
            if (calledNumbers.length === 90) {
                alert("Все номера уже вызваны!");
                return;
            }

let number = getRandomNumber(1, 90);
            while (calledNumbers.includes(number)) {
                number = getRandomNumber(1, 90);
            }

calledNumbers.push(number);
            currentNumber.innerText = number;

const cells = document.getElementsByClassName("cell");
            for (let i = 0; i < cells.length; i++) {
                if (parseInt(cells[i].innerText) === number) {
                    cells[i].classList.add("selected");

// Check for bingo on each call
                    checkBingo();
                }
            }
        });

// Check if any player has achieved bingo
        function checkBingo() {
            const cells = document.getElementsByClassName("cell");

for (let i = 0; i < cells.length; i++) {
                let bingoCount = 0;

// Check horizontal bingo
                if (i % 15 === 0) {
                    for (let j = i; j < i + 5; j++) {
                        if (cells[j].classList.contains("selected")) {
                            bingoCount++;
                        }
                    }

if (bingoCount === 5) {
                        displayMessage("Победа! Горизонтальный бинго!");
                        return;
                    }
                }

bingoCount = 0;

// Check vertical bingo
                if (i < 15) {
                    for (let j = i; j < i + 61; j += 15) {
                        if (cells[j].classList.contains("selected")) {
                            bingoCount++;
                        }
                    }

if (bingoCount === 5) {
                        displayMessage("Победа! Вертикальный бинго!");
                        return;
                    }
                }

bingoCount = 0;

// Check diagonal bingo from top left to bottom right
                if (i % 16 === 0 && i < 61) {
                    for (let j = i; j < i + 76; j += 16) {
                        if (cells[j].classList.contains("selected")) {
                            bingoCount++;
                        }
                    }

if (bingoCount === 5) {
                        displayMessage("Победа! Диагональный бинго слева направо!");
                        return;
                    }
                }

bingoCount = 0;

// Check diagonal bingo from top right to bottom left
                if ((i + 4) % 14 === 0 && i < 61) {
                    for (let j = i; j < i + 66; j += 14) {
                        if (cells[j].classList.contains("selected")) {
                            bingoCount++;
                        }
                    }

if (bingoCount === 5) {
                        displayMessage("Победа! Диагональный бинго справа налево!");
                        return;
                    }
                }
            }
        }

// Display a message on game-msg div
        function displayMessage(message) {
            const gameMsg = document.getElementById("game-msg");
            gameMsg.innerText = message;
        }

// New game button functionality
        const newGameBtn = document.getElementById("new-game-btn");
        newGameBtn.addEventListener("click", function() {
            createBingoCards();
            calledNumbers.length = 0;
            currentNumber.innerText = "";
            displayMessage("");
            const cells = document.getElementsByClassName("cell");
            for (let i = 0; i < cells.length; i++) {
                cells[i].classList.remove("selected");
            }
        });

// Start the game
        createBingoCards();
        displayMessage("Игра в «Бинго»");
    </script>
</body>
</html>