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

No:41333

←

Prev Next

→

Heirloom Founds
Developer User18502｜Date and time 24/2/6 22:58:33
Build time 15.2 sec｜Game capacity 4.024KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags:

Heirloom Founds

Score: 0

This game is a simple memory matching game where you need to find pairs of matching pictograms by flipping cards. The score is displayed at the top, and once all the cards are matched, a congratulations message is shown. The cards are shuffled at the beginning of each game.

←

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 and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Heirloom Founds Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

#score {
            font-size: 24px;
            margin-bottom: 10px;
        }

#game-board {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            max-width: 600px;
            margin: 0 auto;
        }

.card {
            width: 80px;
            height: 80px;
            background-color: #f1f1f1;
            margin: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            border-radius: 5px;
        }

.card img {
            max-width: 100%;
            max-height: 100%;
        }
    </style>
</head>
<body>
    <h1>Heirloom Founds</h1>
    <p id="score">Score: 0</p>
    <div id="game-board"></div>

// Shuffle the cards
        const shuffledCards = shuffle(cards);

let score = 0;
        let cardsFlipped = 0;
        let card1 = null;
        let card2 = null;

// Create the game board
        const gameBoard = document.getElementById('game-board');
        shuffledCards.forEach(card => {
            const cardElement = document.createElement('div');
            cardElement.className = 'card';
            cardElement.innerText = card;
            cardElement.addEventListener('click', () => flipCard(cardElement));
            gameBoard.appendChild(cardElement);
        });

function flipCard(cardElement) {
            if (cardElement.classList.contains('matched')) {
                return;
            }

cardElement.classList.add('flipped');

if (card1 === null) {
                card1 = cardElement;
            } else if (card2 === null) {
                card2 = cardElement;

if (card1.innerText === card2.innerText) {
                    card1.classList.add('matched');
                    card2.classList.add('matched');
                    score += 2;
                    cardsFlipped += 2;
                    card1 = null;
                    card2 = null;

if (cardsFlipped === cards.length) {
                        setTimeout(() => {
                            alert('Congratulations! You won!');
                        }, 500);
                    }
                } else {
                    setTimeout(() => {
                        card1.classList.remove('flipped');
                        card2.classList.remove('flipped');
                        card1 = null;
                        card2 = null;
                    }, 1000);
                }
            }
            document.getElementById('score').innerText = `Score: ${score}`;
        }

function shuffle(array) {
            let currentIndex = array.length, temporaryValue, randomIndex;

while (currentIndex !== 0) {
                randomIndex = Math.floor(Math.random() * currentIndex);
                currentIndex -= 1;
                temporaryValue = array[currentIndex];
                array[currentIndex] = array[randomIndex];
                array[randomIndex] = temporaryValue;
            }

return array;
        }
    </script>
</body>
</html>
```