AI game creator

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

No:50921

←

Prev Next

→

Give me a game code
Developer User21298｜Date and time 24/3/10 8:49:36
Build time 5.34 sec｜Game capacity 1.566KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<html>
<head>
<title>Emoji Matching Game</title>
</head>
<body>
<div id="game"></div>

let flipped = [];
let moves = 0;

function createCard(emoji, index) {
    const card = document.createElement("div");
    card.innerHTML = emoji;
    card.className = "card";
    card.dataset.index = index;
    card.addEventListener("click", flipCard);
    document.getElementById("game").appendChild(card);
}

function flipCard() {
    if (flipped.length < 2 && !flipped.includes(this)) {
        flipped.push(this);
        this.classList.add("flipped");

if (flipped.length === 2) {
            setTimeout(checkMatch, 500);
        }
    }
}

function checkMatch() {
    moves++;
    if (flipped[0].innerHTML === flipped[1].innerHTML) {
        flipped.forEach(card => card.classList.add("matched"));
    } else {
        flipped.forEach(card => card.classList.remove("flipped"));
    }
    flipped = [];

if (document.querySelectorAll(".matched").length === emojis.length * 2) {
        alert(`Congratulations! You completed the game in ${moves} moves.`);
    }
}

randomEmojis.forEach((emoji, index) => createCard(emoji, index));

</script>

.flipped {
    background: lightblue;
}

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