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

No:32944

102

←

Prev Next

→

Gib keine Erklärungen, nur den Code.
Developer User14077｜Date and time 24/1/1 20:43:10
Build time 11.918 sec｜Game capacity 1.832KB｜

Script

Pictogram Game

♥

♣

♠

♦

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Pictogram Game</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
    }
    
    #game {
        margin-top: 50px;
    }
    
    .pictogram {
        width: 100px;
        height: 100px;
        display: inline-block;
        border: 1px solid black;
        margin: 10px;
        cursor: pointer;
    }
</style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <div id="game">
        <div class="pictogram" id="picto1">♥</div>
        <div class="pictogram" id="picto2">♣</div>
        <div class="pictogram" id="picto3">♠</div>
        <div class="pictogram" id="picto4">♦</div>
    </div>
    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var pictograms = document.querySelectorAll('.pictogram');
            var selectedPictogram = null;
            
            for (var i = 0; i < pictograms.length; i++) {
                pictograms[i].addEventListener('click', function() {
                    var pictogram = this;
                    if (selectedPictogram === null) {
                        selectedPictogram = pictogram;
                        pictogram.style.backgroundColor = 'yellow';
                    } else {
                        if (selectedPictogram === pictogram) {
                            pictogram.style.backgroundColor = null;
                            selectedPictogram = null;
                        } else {
                            selectedPictogram.style.backgroundColor = null;
                            selectedPictogram = pictogram;
                            pictogram.style.backgroundColor = 'yellow';
                        }
                    }
                });
            }
        });
    </script>
</body>
</html>