Find the code to win the game but there only useless hint's game

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

No:42066

←

Prev Next

→

Find the code to win the game but there only usele..ALL
Developer User18785｜Date and time 24/2/10 12:11:13
Build time 12.177 sec｜Game capacity 4.786KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        
        #game-board {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 50px;
        }
        
        .card {
            width: 80px;
            height: 80px;
            background-color: lightgray;
            margin: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 30px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>
    
    <script>
        // List of pictograms
        const pictograms = [
            "⚽️", "⚾️", "🎱", "🏀", "🎾", "🏐", "🏈", "🏉", "🥏", "🎳"
        ];
        
        // Generate a random pair of pictograms
        const generateRandomPictograms = () => {
            const randomNum = Math.floor(Math.random() * pictograms.length);
            return [pictograms[randomNum], pictograms[randomNum]];
        };
        
        // Shuffle an array using Fisher-Yates algorithm
        const shuffle = (array) => {
            let currentIndex = array.length, temporaryValue, randomIndex;
          
            while (0 !== currentIndex) {
                randomIndex = Math.floor(Math.random() * currentIndex);
                currentIndex -= 1;
          
                temporaryValue = array[currentIndex];
                array[currentIndex] = array[randomIndex];
                array[randomIndex] = temporaryValue;
            }
          
            return array;
        };
        
        // Create game board with cards
        const createGameBoard = () => {
            const gameBoard = document.getElementById("game-board");
            const pictogramPairs = generateRandomPictograms();
            
            // Duplicate the pairs
            const cards = pictogramPairs.concat(pictogramPairs);
            
            // Shuffle the cards
            shuffle(cards);
            
            // Create card elements
            cards.forEach((card, index) => {
                const cardElement = document.createElement("div");
                cardElement.className = "card";
                cardElement.innerText = card;
                cardElement.addEventListener("click", () => revealCard(index));
                gameBoard.appendChild(cardElement);
            });
        };
        
        // Variables to keep track of the game state
        let cardsOpened = 0;
        let isFirstCard = true;
        let firstCardIndex, secondCardIndex;
        let isProcessing = false;
        
        // Reveal the selected card
        const revealCard = (index) => {
            if (isProcessing) return;
            
            if (index === firstCardIndex || index === secondCardIndex) return;
            
            const cardElement = document.getElementsByClassName("card")[index];
            cardElement.style.backgroundColor = "white";
            
            if (isFirstCard) {
                isFirstCard = false;
                firstCardIndex = index;
            } else {
                secondCardIndex = index;
                isProcessing = true;
                setTimeout(checkMatch, 1000);
            }
        };
        
        // Check if the two opened cards are matching
        const checkMatch = () => {
            const cards = document.getElementsByClassName("card");
            const firstCard = cards[firstCardIndex].innerText;
            const secondCard = cards[secondCardIndex].innerText;
            
            if (firstCard === secondCard) {
                cards[firstCardIndex].style.visibility = "hidden";
                cards[secondCardIndex].style.visibility = "hidden";
                cardsOpened += 2;
                
                if (cardsOpened === cards.length) {
                    setTimeout(() => {
                        alert("Congratulations! You won the game!");
                        resetGame();
                    }, 500);
                }
            } else {
                cards[firstCardIndex].style.backgroundColor = "lightgray";
                cards[secondCardIndex].style.backgroundColor = "lightgray";
            }
            
            isFirstCard = true;
            isProcessing = false;
        };
        
        // Reset the game by clearing the game board
        const resetGame = () => {
            const gameBoard = document.getElementById("game-board");
            gameBoard.innerHTML = "";
            cardsOpened = 0;
            createGameBoard();
        };
        
        // Start the game
        createGameBoard();
    </script>
</body>
</html>