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

No:23323

4022

←

Prev Next

→

Garten of ban ban 3 game original.
Developer anonymous｜Date and time 70/1/1 10:04:46
Build time unknown sec｜Game capacity 3.886KB｜

Script

Garten of Ban Ban 3 Game

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Garten of Ban Ban 3 Game</title>
    <style>
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            font-family: Arial, sans-serif;
        }

h1 {
            margin-bottom: 20px;
        }

#gameZone {
            display: flex;
            flex-wrap: wrap;
            width: 250px;
            height: 250px;
            border: 2px solid #000;
            border-radius: 4px;
            padding: 10px;
        }

.pictogram {
            width: 80px;
            height: 80px;
            margin: 5px;
            padding: 10px;
            border: 1px solid #000;
            border-radius: 4px;
            text-align: center;
            font-size: 24px;
            cursor: pointer;
        }

#score {
            margin-top: 20px;
            font-size: 20px;
        }

#message {
            margin-top: 10px;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <h1>Garten of Ban Ban 3 Game</h1>
    <div id="gameZone"></div>
    <div id="score">Score: 0</div>
    <div id="message"></div>

// Shuffle function to randomize pictogram order
        function shuffle(array) {
            let currentIndex = array.length, temporaryValue, randomIndex;
          
            while (0 !== currentIndex) {
                randomIndex = Math.floor(Math.random() * currentIndex);
                currentIndex -= 1;
            
                temporaryValue = array[currentIndex];
                array[currentIndex] = array[randomIndex];
                array[randomIndex] = temporaryValue;
            }
          
            return array;
        }

// Create a new game round
        function startRound() {
            const gameZone = document.getElementById("gameZone");
            gameZone.innerHTML = "";

// Shuffle the pictograms
            const shuffledPictograms = shuffle(pictograms);

// Add the pictograms to the game zone
            shuffledPictograms.forEach(pictogram => {
                const pictogramElement = document.createElement("div");
                pictogramElement.className = "pictogram";
                pictogramElement.innerText = pictogram;
                pictogramElement.addEventListener("click", selectPictogram);
                gameZone.appendChild(pictogramElement);
            });
        }

// Handle pictogram selection
        function selectPictogram() {
            const selectedPictogram = this.innerText;

if (selectedPictogram === "🌺") {
                // Correct pictogram
                updateScore(1);
                showMessage("Yay! You found a flower!");
            } else {
                // Incorrect pictogram
                updateScore(-1);
                showMessage("Oops! That's not a flower.");
            }

// Start a new round
            setTimeout(startRound, 2000);
        }

// Update the score
        function updateScore(points) {
            const scoreElement = document.getElementById("score");
            const currentScore = Number(scoreElement.innerText.split(":")[1].trim());
            const newScore = currentScore + points;
            scoreElement.innerText = "Score: " + newScore;
        }

// Show a message in the message section
        function showMessage(message) {
            const messageElement = document.getElementById("message");
            messageElement.innerText = message;
        }

// Start the game
        startRound();
    </script>
</body>
</html>