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

No:30578

73

Adiciona uma tela e uma bola, adiciona uma aba de ..ALL
Developer User14867｜Date and time 23/12/23 2:29:10
Build time 19.953 sec｜Game capacity 2.416KB｜

Game

Códigos

→ 　

1　

1　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
	<title>Game</title>
	<style>
		#screen {
			width: 400px;
			height: 400px;
			border: 1px solid black;
			position: relative;
		}

#ball {
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background-color: red;
			position: absolute;
			left: 190px;
			top: 190px;
		}

#paddle {
			width: 80px;
			height: 10px;
			background-color: blue;
			position: absolute;
			left: 160px;
			bottom: 10px;
		}

</style>
</head>
<body>
	<script>
		// Getting the screen and ball elements
		const screen = document.getElementById("screen");
		const ball = document.getElementById("ball");

// Function to move the ball
		function moveBall() {
			let x = 190;
			let y = 190;
			let speed = 1;

setInterval(function() {
				ball.style.left = x + "px";
				ball.style.top = y + "px";

// Check if paddle is affected by code
				const paddle = document.getElementById("paddle");
				const paddleCode = document.getElementById("code-input").value;

if (paddleCode === "B445FF") {
					paddle.style.left = (x - 40) + "px";
				} else {
					paddle.style.left = (x - 40) + "px";
				}

// Update the position of the ball
				x += speed;
				y += speed;

// Check for horizontal boundaries
				if (x + ball.offsetWidth >= screen.offsetWidth || x <= 0) {
					speed = -speed; // Reverse direction
				}

// Check for vertical boundaries
				if (y + ball.offsetHeight >= screen.offsetHeight || y <= 0) {
					speed = -speed; // Reverse direction
				}
			}, 10);
		}

// Function to validate code input
		function validateCode() {
			const code = document.getElementById("code-input").value;
			const regex = /^[A-Fa-f0-9]{6,}$/;

if (regex.test(code)) {
				moveBall();
			} else {
				alert("O código deve ter pelo menos 6 letras e números, e estar no formato hexadecimal!");
			}
		}

// Initialize the game
		function startGame() {
			const codeButton = document.getElementById("code-button");
			codeButton.addEventListener("click", validateCode);
		}
		
		// Run the game
		startGame();

</script>

<h1>Game</h1>
	<div id="screen">
		<div id="ball"></div>
		<div id="paddle"></div>
	</div>

<h2>Códigos</h2>
	<input type="text" id="code-input" placeholder="Digite o código...">
	<button id="code-button">Enviar</button>

</body>
</html>