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

No:33844

←

Prev Next

→

Speed run
Developer User15922｜Date and time 24/1/6 20:11:20
Build time 19.874 sec｜Game capacity 1.979KB｜

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 {
        text-align: center;
        background-color: #f1f1f1;
        margin: 0;
        padding: 0;
    }
    
    #game-board {
        display: flex;
        flex-wrap: wrap;
        max-width: 800px;
        margin: 50px auto;
        justify-content: center;
    }
    
    .pictogram {
        width: 150px;
        height: 150px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        margin: 10px;
    }
    
    .hidden {
        display: none;
    }
</style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <div id="game-board"></div>
    
    <script>
        // Define an array of pictograms
        var pictograms = [
            { name: 'cat', image: 'https://example.com/cat.png' },
            { name: 'dog', image: 'https://example.com/dog.png' },
            { name: 'bird', image: 'https://example.com/bird.png' },
            // Add more pictograms as needed
        ];
        
        var gameBoard = document.getElementById('game-board'); gunh

pictograms.forEach(function(pictogram) {
            // Create a new div element for each pictogram
            var pictogramDiv = document.createElement('div');
            pictogramDiv.classList.add('pictogram');
            
            // Set the background image of the div to the pictogram image
            pictogramDiv.style.backgroundImage = 'url(' + pictogram.image + ')';
            
            // Add a click event listener to each pictogram
            pictogramDiv.addEventListener('click', function() {
                // Display the name of the clicked pictogram in an alert
                alert('You clicked on: ' + pictogram.name);
            });
            
            // Append the pictogram div to the game board
            gameBoard.appendChild(pictogramDiv);
        });
    </script>
</body>
</html>