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

No:52717

183

←

Prev Next

→

At least 100 lines of code
Developer User14077｜Date and time 24/3/24 7:37:59
Build time 7.959 sec｜Game capacity 2.038KB｜

Script

Pictogram Game

Klicke auf das richtige Pictogramm:

Score: 0

←

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;
        }
        #gameArea {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 20px;
        }
        .pictogram {
            width: 80px;
            height: 80px;
            margin: 10px;
            cursor: pointer;
        }
        #score {
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <p>Klicke auf das richtige Pictogramm:</p>
    <div id="gameArea"></div>
    <div id="score">Score: <span id="scoreValue">0</span></div>

function newRound() {
            gameArea.innerHTML = '';
            correctPictogramIndex = Math.floor(Math.random() * pictograms.length);
            for (let i = 0; i < pictograms.length; i++) {
                createPictogram(i);
            }
        }

for (let i = 0; i < pictograms.length; i++) {
            createPictogram(i);
        } 
    </script>
</body>
</html>