AI game creator

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

No:46681

←

Prev Next

→

Find the emojis
Developer User17064｜Date and time 24/2/25 19:35:16
Build time 6.734 sec｜Game capacity 2.239KB｜

Script

👩‍💻📱

Score: 0

←

Prev　Next

→ 　

Back　

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

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

👩‍💻📱
```html
<!DOCTYPE html>
<html>
<head>
    <title>Emoji Matching Game</title>
</head>
<body>
    <div id="game">
        <div class="score">Score: 0</div>
        <div class="grid">
            <div class="card" data-emoji="🌟"></div>
            <div class="card" data-emoji="🌈"></div>
            <div class="card" data-emoji="🎉"></div>
            <div class="card" data-emoji="🌻"></div>
            <div class="card" data-emoji="🌺"></div>
            <div class="card" data-emoji="🌸"></div>
        </div>
    </div>

function flipCard() {
            if (lockBoard) return;
            if (this === firstCard) return;

this.classList.add('flip');

if (!hasFlippedCard) {
                hasFlippedCard = true;
                firstCard = this;
                return;
            }

secondCard = this;
            checkForMatch();
        }

function checkForMatch() {
            if (firstCard.dataset.emoji === secondCard.dataset.emoji) {
                disableCards();
            } else {
                unflipCards();
            }
        }

function disableCards() {
            firstCard.removeEventListener('click', flipCard);
            secondCard.removeEventListener('click', flipCard);

resetBoard();
        }

function unflipCards() {
            lockBoard = true;

setTimeout(() => {
                firstCard.classList.remove('flip');
                secondCard.classList.remove('flip');

resetBoard();
            }, 1500);
        }

function resetBoard() {
            [hasFlippedCard, lockBoard] = [false, false];
            [firstCard, secondCard] = [null, null];
        }

(function shuffle() {
            cards.forEach(card => {
                let randomPos = Math.floor(Math.random() * 6);
                card.style.order = randomPos;
            });
        })();

cards.forEach(card => card.addEventListener('click', flipCard));
    </script>
</body>
</html>
```