A game where you have to tap all the bubbles in 30 seconds to win a fish's game

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

No:44526

←

Prev Next

→

A game where you have to tap all the bubbles in 30..ALL
Developer User19404｜Date and time 24/2/18 7:25:10
Build time 6.541 sec｜Game capacity 1.95KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Tap the Bubbles Game</title>
    <style>
        #game-container {
            width: 100vw;
            height: 100vh;
            background-color: #f1f1f1;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .bubble {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: #3498db;
            position: absolute;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

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

const countdown = setInterval(() => {
            timeLeft--;
            if(timeLeft === 0) {
                clearInterval(countdown);
                endGame();
            }
        }, 1000);

function createBubble() {
            const bubble = document.createElement('div');
            bubble.classList.add('bubble');
            bubble.style.top = `${Math.random() * 80}vh`;
            bubble.style.left = `${Math.random() * 80}vw`;

bubble.addEventListener('click', () => {
                score++;
                updateScore();
                gameContainer.removeChild(bubble);
            });

gameContainer.appendChild(bubble);
        }

function updateScore() {
            gameContainer.innerHTML = `<h2>Score: ${score}</h2>`;
        }

setInterval(createBubble, 1000);
    </script>
</body>
</html>