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

No:18027

←

Prev Next

→

Cartoon Network
Developer User4616｜Date and time 23/9/26 4:49:55
Build time 33.111 sec｜Game capacity 3.678KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game is designed to be played on a smartphone and uses pictograms. Enjoy playing!

Cartoon Network Game

Select the correct pictogram to earn points.

Score: 0

To play the game on your smartphone, save the code into an HTML file and open it using a web browser. The game will display a target pictogram, and you need to select the correct pictogram from the options provided. Each correct selection earns you 10 points, while a wrong selection deducts 5 points from your score. The game will continue to generate new target pictograms and keep track of your score. Have fun playing the Cartoon Network game!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game is designed to be played on a smartphone and uses pictograms. Enjoy playing!

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cartoon Network Game</title>
    <style>
        body {
            background-color: #f0f0f0;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        h1 {
            color: #ff7700;
        }
        
        .pictogram {
            width: 80px;
            height: 80px;
            margin: 10px;
            display: inline-block;
            cursor: pointer;
        }
        
        #score {
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Cartoon Network Game</h1>
    <p>Select the correct pictogram to earn points.</p>
    
    <img id="target" src="" alt="Target Pictogram" class="pictogram">
    
    <div id="options">
        <img src="pictogram1.png" alt="Pictogram 1" class="pictogram">
        <img src="pictogram2.png" alt="Pictogram 2" class="pictogram">
        <img src="pictogram3.png" alt="Pictogram 3" class="pictogram">
    </div>
    
    <p id="score">Score: 0</p>
    
    <script>
        // Array to store available pictogram images
        var pictograms = [
            "pictogram1.png",
            "pictogram2.png",
            "pictogram3.png"
        ];
        
        var score = 0; // Player's score
        
        // Function to generate a random index for pictogram array
        function generateRandomIndex() {
            return Math.floor(Math.random() * pictograms.length);
        }
        
        // Function to start the game
        function startGame() {
            var targetIndex = generateRandomIndex();
            var targetPictogram = pictograms[targetIndex];
            
            // Set the target pictogram image
            document.getElementById("target").src = targetPictogram;
            
            // Add click event listeners to pictogram options
            var options = document.getElementsByClassName("pictogram");
            for (var i = 0; i < options.length; i++) {
                options[i].addEventListener("click", checkSelection);
            }
        }
        
        // Function to check if the selected pictogram matches the target
        function checkSelection(event) {
            var selectedPictogram = event.target.getAttribute("src");
            var targetPictogram = document.getElementById("target").src;
            
            if (selectedPictogram === targetPictogram) {
                score += 10;
                alert("Correct! +10 points");
            } else {
                score -= 5;
                alert("Wrong! -5 points");
            }
            
            // Update the score display
            document.getElementById("score").innerText = "Score: " + score;
            
            // Restart the game
            startGame();
        }
        
        // Start the game initially
        startGame();
    </script>
</body>
</html>
```