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

No:38431

←

Prev Next

→

어플만들기.
Developer User17053｜Date and time 24/1/24 21:53:41
Build time 9.249 sec｜Game capacity 2.075KB｜

Script

모바일 픽토그램 게임

점수: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<html>
<head>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        h1 {
            font-size: 24px;
            margin-top: 50px;
        }
        
        #game-container {
            margin: 50px auto;
        }
        
        button {
            padding: 10px 20px;
            font-size: 18px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
        
        #score {
            font-size: 18px;
            margin-top: 30px;
        }
    </style>
</head>

<body>
    <h1>모바일 픽토그램 게임</h1>
    
    <div id="game-container">
        <img src="happy.png" id="pictogram" width="200" height="200">
        <br>
        <button id="play-button" onclick="startGame()">시작하기</button>
    </div>
    
    <p id="score">점수: <span id="user-score">0</span></p>
    
    <script>
        var pictograms = ["happy.png", "sad.png", "angry.png", "surprised.png", "confused.png"];
        var userScore = 0;
        var timerInterval;
        
        function startGame() {
            document.getElementById("play-button").disabled = true;
            timerInterval = setInterval(changePictogram, 1000);
        }
        
        function changePictogram() {
            var randomIndex = Math.floor(Math.random() * pictograms.length);
            var pictogram = document.getElementById("pictogram");
            pictogram.src = pictograms[randomIndex];
        }
        
        function incrementScore() {
            userScore += 1;
            document.getElementById("user-score").textContent = userScore;
        }
        
        function stopGame() {
            clearInterval(timerInterval);
            document.getElementById("play-button").disabled = false;
            userScore = 0;
            document.getElementById("user-score").textContent = userScore;
        }
    </script>
</body>
</html>