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

No:24614

←

Prev Next

→

Bar manager.
Developer The maker｜Date and time 23/11/10 10:51:47
Build time 49.08 sec｜Game capacity 2.972KB｜

Script

As a bar manager, I can create a simple game called "Drink Matcher" where the player has to match different types of drinks with their corresponding pictograms. Here's an example of how the implementation could be done as a single HTML file, using JavaScript enclosed in script tags:

Drink Matcher

When you open this HTML file in a browser, it will display the "Drink Matcher" game. The player will see pictogram buttons representing different drinks (e.g., beer, wine, cocktail) and has to click the button that matches the correct drink displayed at the top. If the player selects the correct drink, they will get an alert message notifying them of the correct match, and then a new set of shuffled drinks will be displayed. If the player selects the wrong drink, they will receive an alert message to try again.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
    </style>
</head>
<body>
    <h1>Drink Matcher</h1>
    <div id="game-container"></div>

// Shuffle the array of drinks using the Fisher-Yates Shuffle algorithm
        function shuffleArray(array) {
            for (let i = array.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [array[i], array[j]] = [array[j], array[i]];
            }
            return array;
        }

// Start the game
        function startGame() {
            const gameContainer = document.getElementById("game-container");
            const shuffledDrinks = shuffleArray(drinks);

shuffledDrinks.forEach(drink => {
                const drinkButton = document.createElement("button");
                drinkButton.innerText = drink.pictogram;
                drinkButton.style.fontSize = "40px";
                drinkButton.style.margin = "10px";
                drinkButton.addEventListener("click", () => checkDrink(drink));
                gameContainer.appendChild(drinkButton);
            });
        }

// Check if the clicked drink matches the correct drink
        function checkDrink(clickedDrink) {
            const correctDrink = drinks[0];

if (clickedDrink.name === correctDrink.name) {
                alert("Correct match! Enjoy your " + correctDrink.name + "!");
                startGame();
            } else {
                alert("Wrong match! Try again.");
            }
        }

// Start the game once the page is loaded
        window.onload = startGame;
    </script>
</body>
</html>
```