Speed the Jolteon from Eeveelution squad challenge you to do a puzzle game that you have to match the pieces's game | AI game creator

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

No:51704

125

Speed the Jolteon from Eeveelution squad challenge..ALL
Developer Kason Lucas｜Date and time 24/3/15 7:30:10
Build time 7.244 sec｜Game capacity 1.692KB｜

⚡️

⚡️

🔥

🔥

💧

💧

🔮

🔮

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<script>
    const pieces = document.querySelectorAll('.piece');
    let selectedPiece = null;
    
    document.addEventListener('DOMContentLoaded', function() {
        pieces.forEach(piece => {
            piece.addEventListener('click', function() {
                if(selectedPiece) {
                    if(selectedPiece.dataset.pokemon === piece.dataset.pokemon) {
                        selectedPiece.style.display = 'none';
                        piece.style.display = 'none';
                        selectedPiece = null;
                    } else {
                        selectedPiece.classList.remove('selected');
                        piece.classList.remove('selected');
                        selectedPiece = null;
                    }
                } else {
                    selectedPiece = piece;
                    selectedPiece.classList.add('selected');
                }
            });
        });
    });
</script>

<style>
    .piece {
        display: inline-block;
        width: 100px;
        height: 100px;
        background-color: grey;
        margin: 5px;
        cursor: pointer;
    }
    
    .selected {
        border: 3px solid yellow;
    }
</style>

<div class="pieces">
    <div class="piece" data-pokemon="jolteon">⚡️</div>
    <div class="piece" data-pokemon="jolteon">⚡️</div>
    <div class="piece" data-pokemon="flareon">🔥</div>
    <div class="piece" data-pokemon="flareon">🔥</div>
    <div class="piece" data-pokemon="vaporeon">💧</div>
    <div class="piece" data-pokemon="vaporeon">💧</div>
    <div class="piece" data-pokemon="espeon">🔮</div>
    <div class="piece" data-pokemon="espeon">🔮</div>
</div>