Find the 86 stones with animations's game

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

No:11898

←

Prev Next

→

Find the 86 stones with animations
Developer User4917｜Date and time 23/8/13 2:51:25
Build time 23.79 sec｜Game capacity 2.54KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Jeux des pierres</title>
    <style>
        body {
            background-color: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: Arial, sans-serif;
        }

#game {
            display: flex;
            flex-wrap: wrap;
            width: 400px;
            height: 400px;
        }

.stone {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 70px;
            height: 70px;
            margin: 5px;
            background-color: #ddd;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
    </style>
</head>
<body>
    <div id="game"></div>
    <script>
        const stones = [
            "⭐", "✨", "✴️", "💎", "🌟", "💠", "💖", "💗", "💘", "💝",
            "⚡", "❇️", "🔵", "🟢", "🔴", "🟡", "⚪", "🎵", "🎶", "🔔",
            "🔮", "💣", "🪨", "🛡️", "🗿", "🕰️", "📯", "🎹", "🪗", "🔑",
            "⚙️", "💡", "🔦", "🎙️", "🔌", "💻", "📷", "📽️", "🎥", "🖨️",
            "🔒", "🎁", "📦", "💼", "🗂️", "📅", "📚", "📓", "📌", "🗒️",
            "📱", "📟", "💾", "💿", "🎮", "🏆", "🕹️", "🎤", "🎧", "🎬",
            "📺", "📻", "📡", "⏰", "⚓", "🧽", "🗑️", "🪑", "🛢️", "💉",
            "💊", "🩺", "🛎️", "📞", "🔋", "📻", "📲", "💰", "💳", "🔐"
        ];

const gameBoard = document.getElementById('game');
        let score = 0;

function addStone(index) {
            const stone = document.createElement('div');
            stone.classList.add('stone');
            stone.innerText = stones[index];
            stone.addEventListener('click', function() {
                this.style.backgroundColor = '#aaa';
                score++;
                checkGameStatus();
            });
            gameBoard.appendChild(stone);
        }

function startGame() {
            for (let i = 0; i < 86; i++) {
                addStone(i);
            }
        }

function checkGameStatus() {
            if (score === 86) {
                alert("Bravo, vous avez trouvé toutes les pierres !");
            }
        }

startGame();
    </script>
</body>
</html>