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

No:45031

←

Prev Next

→

Create a Tarneeb game
Developer User19545｜Date and time 24/2/20 1:35:27
Build time 7.538 sec｜Game capacity 2.32KB｜

Script

لعبة ترنيب

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Tarneeb Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        .card {
            background-color: #f0f0f0;
            width: 100px;
            height: 150px;
            border: 1px solid #ccc;
            margin: 10px;
            display: inline-block;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>لعبة ترنيب</h1>
    <div id="cardsContainer"></div>
    
    <script>
        const cards = ['🂡', '🂱', '🃁', '🂡', '🂱', '🃁'];
        let firstCard = '';
        let secondCard = '';
        
        function shuffleCards() {
            cards.sort(() => Math.random() - 0.5);
            
            const cardsContainer = document.getElementById('cardsContainer');
            cardsContainer.innerHTML = '';
            
            cards.forEach((card, index) => {
                const div = document.createElement('div');
                div.classList.add('card');
                div.dataset.index = index;
                div.innerHTML = card;
                div.addEventListener('click', selectCard);
                cardsContainer.appendChild(div);
            });
        }
        
        function selectCard(e) {
            const selectedCard = e.target;
            
            if(!firstCard) {
                firstCard = selectedCard;
                selectedCard.style.background = '#fff';
            } else if (selectedCard !== firstCard && !secondCard) {
                secondCard = selectedCard;
                selectedCard.style.background = '#fff';
                
                setTimeout(() => {
                    if(firstCard.innerHTML !== secondCard.innerHTML) {
                        firstCard.style.background = '#f0f0f0';
                        secondCard.style.background = '#f0f0f0';
                    } else {
                        firstCard.removeEventListener('click', selectCard);
                        secondCard.removeEventListener('click', selectCard);
                    }
                    
                    firstCard = '';
                    secondCard = '';
                }, 1000);
            }
        }
        
        shuffleCards();
    </script>
</body>
</html>