click "Start Game" button. Then, use your finger to flick the ball towards the basket. Every basket before the time runs out, you will score a point. The game ends after 15 seconds, and your final score will be displayed. click the "Play Again" button to restart game is made for phone only's game

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

No:532

175

←

Prev Next

→

click "Start Game" button. Then, use your finger t..ALL
Developer User3011｜Date and time 23/6/15 11:43:41
Build time 24.455 sec｜Game capacity 1.906KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Basketball Game</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		#basket {
			position: absolute;
			top: 80%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 80px;
			height: 80px;
			border-radius: 50%;
			background-color: orange;
		}

#score {
			position: absolute;
			top: 20%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 50px;
			color: black;
		}

#timer {
			position: absolute;
			top: 10%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 30px;
			color: black;
		}

.button {
			display: inline-block;
			padding: 10px 20px;
			font-size: 20px;
			background-color: #4CAF50;
			color: white;
			border: none;
			border-radius: 5px;
			text-align: center;
			cursor: pointer;
			margin-top: 50px;
		}
	</style>
</head>
<body>
	<div id="basket"></div>
	<div id="score">0</div>
	<div id="timer">15</div>
	<button class="button" onclick="startGame()">Start Game</button>
	<button class="button" onclick="location.reload()">Play Again</button>

function startGame() {
			document.getElementById("timer").innerHTML = timer;
			document.getElementById("score").innerHTML = score;

document.getElementById("basket").addEventListener("click", function() {
				score++;
				document.getElementById("score").innerHTML = score;
			});

intervalId = setInterval(function() {
				timer--;
				document.getElementById("timer").innerHTML = timer;
				if (timer === 0) {
					clearInterval(intervalId);
					document.getElementById("timer").innerHTML = "Time's up!";
					document.getElementById("basket").removeEventListener("click", function() {
						score++;
						document.getElementById("score").innerHTML = score;
					});
				}
			}, 1000);
		}
	</script>
</body>
</html>