AI game creator

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

No:50746

←

Prev Next

→

Multiple baskets
Developer User21395｜Date and time 24/3/9 13:39:26
Build time 6.305 sec｜Game capacity 2.376KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Multiple Baskets Game</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

#game-container {
            display: flex;
            flex-wrap: wrap;
        }

.basket {
            width: 80px;
            height: 80px;
            margin: 10px;
            background-color: orange;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            font-weight: bold;
        }

.balloon {
            width: 40px;
            height: 40px;
            background-color: red;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 14px;
        }
    </style>
</head>

const shuffleArray = (arr) => {
            for (let i = arr.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [arr[i], arr[j]] = [arr[j], arr[i]];
            }
            return arr;
        };

const startGame = () => {
            const shuffledBaskets = shuffleArray(baskets);

const gameContainer = document.getElementById('game-container');
            gameContainer.innerHTML = '';

shuffledBaskets.forEach((basket, index) => {
                const basketElement = document.createElement('div');
                basketElement.classList.add('basket');
                basketElement.innerText = basket;
                basketElement.addEventListener('click', () => {
                    if (basket === balloon) {
                        alert('Congratulations! You found the balloon!');
                        startGame();
                    } else {
                        alert('Sorry, try again!');
                    }
                });
                gameContainer.appendChild(basketElement);
            });
        };

startGame();
    </script>
</body>

</html>
```