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

No:44759

😱😱😱😱😱😱😱😱😱😱😱😱😱😱😱😱😱😱😱😱😱😱😨😨😨😨😨😨😨😨😨😨😨😨😨😨😨😨😨👻👻👻👻👻👻👻👻👻👻👻..ALL
Developer User19375｜Date and time 24/2/19 2:46:55
Build time 8.113 sec｜Game capacity 2.094KB｜

Script

Emoji Matching Game

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Emoji Game</title>
</head>
<body>
<h1>Emoji Matching Game</h1>
<div id="game-board"></div>

function createBoard() {
    const gameBoard = document.getElementById("game-board");
    shuffledEmojis.forEach((emoji, index) => {
        const card = document.createElement("div");
        card.classList.add("card");
        card.dataset.index = index;
        card.textContent = emoji;
        card.addEventListener("click", flipCard);
        gameBoard.appendChild(card);
    });
}

function flipCard() {
    if (flippedEmojis.length < 2) {
        const index = this.dataset.index;
        const emoji = shuffledEmojis[index];

this.textContent = emoji;
        flippedEmojis.push({ element: this, emoji: emoji });

if (flippedEmojis.length === 2) {
            setTimeout(checkMatch, 1000);
        }
    }
}

flippedEmojis = [];

if (matchedEmojis.length === shuffledEmojis.length) {
        alert("Congratulations! You've matched all the emojis!");
    }
}

createBoard();
</script>

.card {
    background-color: lightblue;
    color: white;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
}

.card.matched {
    background-color: lightgreen;
}
</style>
</body>
</html>