AI game creator

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

No:50047

←

Prev Next

→

matching game
Developer User21218｜Date and time 24/3/7 14:34:24
Build time 7.36 sec｜Game capacity 2.164KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Matching Game</title>
<style>
    .card {
        width: 100px;
        height: 100px;
        background-color: lightblue;
        margin: 5px;
        text-align: center;
        line-height: 100px;
        font-size: 24px;
        border-radius: 10px;
        cursor: pointer;
        float: left;
    }
</style>
</head>
<body>
<div id="gameBoard">
</div>

function flipCard(card) {
        if (flippedCards.length < 2) {
            card.innerHTML = shuffledCards[parseInt(card.getAttribute('data-index'))];
            flippedCards.push(card);
        }

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

function checkMatch() {
        let card1 = shuffledCards[parseInt(flippedCards[0].getAttribute('data-index'))];
        let card2 = shuffledCards[parseInt(flippedCards[1].getAttribute('data-index'))];

if (card1 === card2) {
            flippedCards[0].removeEventListener('click', flipCard);
            flippedCards[1].removeEventListener('click', flipCard);
            flippedCards = [];
        } else {
            flippedCards[0].innerHTML = '';
            flippedCards[1].innerHTML = '';
            flippedCards = [];
        }
    }

createGameBoard();
</script>
</body>
</html>
```