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

No:5931

625

←

Prev Next

→

Pictogram Bingo. Every time you press the button, ..ALL
Developer User3848｜Date and time 23/7/1 2:35:10
Build time 28.563 sec｜Game capacity 2.901KB｜

Script

絵文字ビンゴ

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>絵文字ビンゴ</title>
    <style>
        #bingo-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
            margin: 10px;
        }

.bingo-cell {
            padding: 10px;
            font-size: 60px;
            text-align: center;
            background-color: lightgray;
            border-radius: 10px;
        }
    </style>
</head>
<body>
    <h1>絵文字ビンゴ</h1>
    <div id="bingo-grid">
        <div class="bingo-cell" id="cell1"></div>
        <div class="bingo-cell" id="cell2"></div>
        <div class="bingo-cell" id="cell3"></div>
        <div class="bingo-cell" id="cell4"></div>
        <div class="bingo-cell" id="cell5"></div>
        <div class="bingo-cell" id="cell6"></div>
        <div class="bingo-cell" id="cell7"></div>
        <div class="bingo-cell" id="cell8"></div>
        <div class="bingo-cell" id="cell9"></div>
    </div>
    <button id="bingo-button">絵文字を出す</button>

function showEmoji(index) {
            if (emojiList[index] === "") {
                var emojiOptions = ["", "", ""];

var randomIndex = Math.floor(Math.random() * 3);
                emojiList[index] = emojiOptions[randomIndex];
                document.getElementById("cell" + (index+1)).textContent = emojiList[index];
            }
        }

function checkBingo() {
            var bingoLine1 = (emojiList[0] === emojiList[1] && emojiList[1] === emojiList[2] && emojiList[0] !== "");
            var bingoLine2 = (emojiList[3] === emojiList[4] && emojiList[4] === emojiList[5] && emojiList[3] !== "");
            var bingoLine3 = (emojiList[6] === emojiList[7] && emojiList[7] === emojiList[8] && emojiList[6] !== "");
            var bingoLine4 = (emojiList[0] === emojiList[3] && emojiList[3] === emojiList[6] && emojiList[0] !== "");
            var bingoLine5 = (emojiList[1] === emojiList[4] && emojiList[4] === emojiList[7] && emojiList[1] !== "");
            var bingoLine6 = (emojiList[2] === emojiList[5] && emojiList[5] === emojiList[8] && emojiList[2] !== "");
            var bingoLine7 = (emojiList[0] === emojiList[4] && emojiList[4] === emojiList[8] && emojiList[0] !== "");
            var bingoLine8 = (emojiList[2] === emojiList[4] && emojiList[4] === emojiList[6] && emojiList[2] !== "");

if (bingoLine1 || bingoLine2 || bingoLine3 || bingoLine4 || bingoLine5 || bingoLine6 || bingoLine7 || bingoLine8) {
                alert("Bingo!");
            }
        }

document.getElementById("bingo-button").addEventListener("click", function() {
            var randomCell = Math.floor(Math.random() * 9);
            showEmoji(randomCell);
            checkBingo();
        });
    </script>
</body>
</html>