AI game creator

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

No:24505

←

Prev Next

→

Job Simulator
Developer User11630｜Date and time 23/11/9 13:59:29
Build time 60.733 sec｜Game capacity 1.809KB｜

Script

🍔

🍕

🌭

🍟

🥤

🍦

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f1f1f1;
        }
        
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        #game {
            display: flex;
            flex-wrap: wrap;
            max-width: 600px;
        }
        
        .item {
            width: 100px;
            height: 100px;
            margin: 10px;
            background-color: #ddd;
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="game">
            <div class="item">🍔</div>
            <div class="item">🍕</div>
            <div class="item">🌭</div>
            <div class="item">🍟</div>
            <div class="item">🥤</div>
            <div class="item">🍦</div>
        </div>
    </div>

let score = 0;

function handleClick(item) {
            item.classList.add('hidden');
            score++;
            checkGameOver();
        }

function checkGameOver() {
            if (score === gameItems.length) {
                gameContainer.innerHTML = `<h2>Game Over! Your score is ${score}</h2>`;
            }
        }

gameItems.forEach(item => item.addEventListener('click', () => handleClick(item)));
    </script>
</body>
</html>