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

No:35096

←

Prev Next

→

Goats, Cows and Hearts
Developer User16431｜Date and time 24/1/13 9:37:02
Build time 10.431 sec｜Game capacity 3.251KB｜

Script

Sure, here's a simple game called "Goats, Cows, and Hearts", implemented as a single HTML file using JavaScript. The game is played on a smartphone and uses pictograms.

Goats, Cows, and Hearts

Guess the correct combination of pictograms to win the game!

Please make sure to replace the image sources (`emozi_all/goat.png`, `emozi_all/cow.png`, `emozi_all/heart.png`) with the actual path to your pictogram images. This code sets up a game where the player needs to guess the correct combination of three pictograms (goat, cow, and heart) displayed on the screen. When the player clicks the "Make a Guess" button, the code checks if the current combination matches the correct combination and displays an appropriate message.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure, here's a simple game called "Goats, Cows, and Hearts", implemented as a single HTML file using JavaScript. The game is played on a smartphone and uses pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Goats, Cows, and Hearts</title>
    <style>
        body {
            text-align: center;
            padding: 20px;
            font-family: Arial, sans-serif;
        }
        
        #pictograms {
            display: flex;
            justify-content: space-around;
            margin: 20px;
        }
        
        img {
            width: 80px;
            height: 80px;
        }
        
        #guessBtn {
            padding: 10px 20px;
            margin-top: 20px;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Goats, Cows, and Hearts</h1>
    <p>
        Guess the correct combination of pictograms to win the game!
    </p>
    
    <div id="pictograms">
        <img src="goat.png" id="img1">
        <img src="cow.png" id="img2">
        <img src="heart.png" id="img3">
    </div>
    
    <button id="guessBtn">Make a Guess</button>
    
    <script>
        // Define the correct combination of pictograms
        const correctCombination = ["goat", "cow", "heart"];
        
        // Get references to the pictogram images
        const img1 = document.getElementById("img1");
        const img2 = document.getElementById("img2");
        const img3 = document.getElementById("img3");
        
        // Function to generate a random pictogram
        function getRandomPictogram() {
            const pictograms = ["goat", "cow", "heart"];
            const randomIndex = Math.floor(Math.random() * pictograms.length);
            return pictograms[randomIndex];
        }
        
        // Function to check if the current combination is correct
        function checkCombination() {
            const currentCombination = [img1.src.split("/").pop().split(".")[0], 
                                        img2.src.split("/").pop().split(".")[0], 
                                        img3.src.split("/").pop().split(".")[0]];
            
            if (JSON.stringify(currentCombination) === JSON.stringify(correctCombination)) {
                alert("Congratulations! You won the game!");
            } else {
                alert("Incorrect combination. Try again!");
            }
        }
        
        // Event listener for the guess button
        document.getElementById("guessBtn").addEventListener("click", checkCombination);
        
        // Initialize the pictogram images with random ones
        img1.src = `${getRandomPictogram()}.png`;
        img2.src = `${getRandomPictogram()}.png`;
        img3.src = `${getRandomPictogram()}.png`;
    </script>
</body>
</html>
```

Please make sure to replace the image sources (`goat.png`, `cow.png`, `heart.png`) with the actual path to your pictogram images. This code sets up a game where the player needs to guess the correct combination of three pictograms (goat, cow, and heart) displayed on the screen. When the player clicks the "Make a Guess" button, the code checks if the current combination matches the correct combination and displays an appropriate message.