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

No:8855

1657

←

Prev Next

→

Label Infinity Tower is a one-player game in which..ALL
Developer User3589｜Date and time 23/7/19 0:49:01
Build time 17.795 sec｜Game capacity 1.943KB｜

Script

ラベル・インフィニティタワー

スコア: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>ラベル・インフィニティタワー</title>
	<style>
		#tower {
			width: 300px;
			height: 500px;
			background-color: #eee;
			position: relative;
			margin: 0 auto;
			overflow: hidden;
		}
		.label {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			background-color: #ff69b4;
			position: absolute;
			bottom: 0;
			cursor: pointer;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 30px;
			color: #fff;
			transition: bottom 0.5s;
		}
	</style>
</head>
<body>
	<h1>ラベル・インフィニティタワー</h1>
	<div id="score">スコア: 0</div> 
	<div id="tower"></div>

function createLabel() {
				const label = document.createElement('div');
				label.className = 'label';
				label.innerHTML = '🏷️';
				label.style.bottom = '0';

label.addEventListener('click', () => {
					score += 10;
					updateScore();
					tower.removeChild(label);
				});

tower.appendChild(label);
				return label;
			}

function updateScore() {
				document.getElementById('score').innerHTML = `スコア: ${score}`;
			}

function gameLoop() {
				const label = createLabel();
				const maxWidth = tower.offsetWidth - label.offsetWidth;

function gameOver() {
				alert(`ゲームオーバー！\nスコア: ${score}`);
				score = 0;
				updateScore();
			}

updateScore();
			gameLoop();
		});
	</script>
</body>
</html>