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

No:1974

861

←

Prev Next

→

A game where everything is black except a green sq..ALL
Developer User3408｜Date and time 23/6/19 15:43:30
Build time 20.319 sec｜Game capacity 1.772KB｜

Script

Black Square Game

Toca el cuadrado verde para comenzar

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Black Square Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body{
			background-color: #000;
			color: #fff;
			text-align: center;
			font-size: 2rem;
			margin: 0;
			padding: 0;
		}

#square{
			width: 50px;
			height: 50px;
			background-color: #0f0;
			margin: 20px auto;
			border-radius: 10px;
			cursor: pointer;
			display: none;
		}

</style>
</head>
<body>
	<h1>Black Square Game</h1>
	<p>Toca el cuadrado verde para comenzar</p>
	<div id="square"></div>

function addGreenSquare(){
			//Aumentar el score
			score++;

//Generar el nuevo cuadrado verde
			var newSquare = document.createElement('div');
			newSquare.style.width = greenSquare.offsetWidth*2 + 'px';
			newSquare.style.height = greenSquare.offsetHeight*2 + 'px';
			newSquare.style.backgroundColor = '#0f0';
			newSquare.style.borderRadius = '10px';
			newSquare.style.margin = '20px auto';
			newSquare.style.cursor = 'pointer';

//Reemplazar el cuadrado viejo con el nuevo
			greenSquare.parentNode.replaceChild(newSquare, greenSquare);

//Actualizar la variable del cuadrado verde
			greenSquare = newSquare;

//Checar si el juego ha terminado
			if(score >= 1000000000000){ //1 trillon
				alert('¡Felicidades! Has ganado el juego');
				return;
			}

//Mostrar el nuevo cuadrado verde
			greenSquare.style.display = 'block';
		}

document.addEventListener('DOMContentLoaded', function(){
			//Mostrar el primer cuadrado verde
			greenSquare.style.display = 'block';

//Agregar el evento al cuadrado verde
			greenSquare.addEventListener('click', addGreenSquare);
		});
	</script>
</body>
</html>