A game that you tap a the balls and the get a point and if you get 50000 points you win's game

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

No:31157

←

Prev Next

→

A game that you tap a the balls and the get a poin..ALL
Developer User15039｜Date and time 23/12/25 11:10:07
Build time 17.681 sec｜Game capacity 1.805KB｜

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 Balls Game</title>
<style>
body {
  margin: 0;
  padding: 0;
  background-color: #f0f0f0;
}

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.ball {
  width: 75px;
  height: 75px;
  background-color: #ff3366;
  border-radius: 50%;
  margin: 10px;
  cursor: pointer;
  animation: bounce 1s infinite;
  position: relative;
}

@keyframes bounce {
  0% {
    top: 0;
  }
  50% {
    top: 10px;
  }
  100% {
    top: 0;
  }
}

.score {
  font-size: 24px;
  text-align: center;
  margin-top: 20px;
}

.win {
  font-size: 36px;
  text-align: center;
  margin-top: 40px;
  color: #ff3366;
}
</style>
</head>
<body>
<div class="container"></div>

let score = 0;

const MAX_SCORE = 50000;

function createBall() {
    const ball = document.createElement("div");
    ball.className = "ball";
    ball.addEventListener("click", handleClick);
    container.appendChild(ball);
    return ball;
  }

function handleClick(event) {
    const ball = event.target;
    score++;
    scoreElement.textContent = `Score: ${score}`;
    container.removeChild(ball);

if (score >= MAX_SCORE) {
      displayWinMessage();
    }
  }

function displayWinMessage() {
    const winMessage = document.createElement("div");
    winMessage.className = "win";
    winMessage.textContent = "¡Felicidades! ¡Has ganado!";
    container.appendChild(winMessage);
  }

setInterval(function () {
    createBall();
  }, 1000);

container.appendChild(scoreElement);
});
</script>
</body>
</html>