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

No:21764

120

←

Prev Next

→

Chat ai
Developer User10013｜Date and time 23/10/18 6:43:00
Build time 90.297 sec｜Game capacity 4.01KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript:

Emoji Memory Game

This is a simple Emoji Memory Game where you need to match pairs of emoji cards by flipping them. The game uses pictograms (emojis) and can be played on a smartphone. To start the game, you can just open the HTML file in a web browser on your smartphone. I hope this helps! Let me know if you have any further questions.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Emoji Memory Game</title>
</head>
<body>
    <div id="game-container">
        <h1>Emoji Memory Game</h1>
        <div id="game-board"></div>
        <button id="restart-button" onclick="restartGame()">Restart</button>
    </div>

// Shuffle the emoji array randomly
        const shuffledEmojis = emojis.sort(() => Math.random() - 0.5);

// Store currently flipped cards
        let flippedCards = [];

function createCard(emoji) {
            const card = document.createElement('div');
            card.classList.add('card');
            card.innerHTML = emoji;

card.addEventListener('click', () => {
                if (flippedCards.length < 2 && !card.classList.contains('flipped') && !card.classList.contains('matched')) {
                    card.classList.add('flipped');
                    flippedCards.push(card);

if (flippedCards.length === 2) {
                        checkCards();
                    }
                }
            });

return card;
        }

function checkCards() {
            if (flippedCards[0].innerHTML === flippedCards[1].innerHTML) {
                // Match found
                flippedCards[0].classList.add('matched');
                flippedCards[1].classList.add('matched');

// Reset the flippedCards array
                flippedCards = [];

// Check if all cards have been matched
                if (document.querySelectorAll('.card:not(.matched)').length === 0) {
                    alert('Congratulations! You won the game!');
                }
            } else {
                // No match, flip back the cards after 1 second
                setTimeout(() => {
                    flippedCards[0].classList.remove('flipped');
                    flippedCards[1].classList.remove('flipped');
                    flippedCards = [];
                }, 1000);
            }
        }

function startGame() {
            const gameBoard = document.getElementById('game-board');

shuffledEmojis.forEach((emoji) => {
                const card = createCard(emoji);
                gameBoard.appendChild(card);
            });
        }

function restartGame() {
            const gameContainer = document.getElementById('game-container');
            gameContainer.innerHTML = '';

startGame();
        }

// Start the game
        startGame();
    </script>

#game-board {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin: 20px 0;
        }

.card {
            width: 80px;
            height: 80px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 40px;
            background-color: lightblue;
            border-radius: 5px;
            margin: 5px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

.card.flipped {
            background-color: white;
        }

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

I hope this helps! Let me know if you have any further questions.