どうスクのアプデを放置した開発者ひさしを絶望的に人生を最悪にするゲー厶

操作説明：スマホ画面タップで攻撃、スコアを稼いでランキングに挑戦しよう！

👊💥👿🔥

スコア: 0

👊

👿

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>どうスクのアプデを放置した開発者ひさしを絶望的に人生を最悪にするゲー厶</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #000;
			color: #fff;
			font-size: 2rem;
			text-align: center;
			margin: 0;
		}
		
		#start-button {
			background-color: #ffcc00;
			color: #000;
			font-size: 2rem;
			padding: 0.5rem 1rem;
			border-radius: 1rem;
			cursor: pointer;
		}
		
		#game-container {
			height: 100vh;
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			visibility: hidden;
		}
		
		#score {
			font-size: 2rem;
			margin: 1rem;
		}
		
		#player {
			font-size: 3rem;
			margin: 2rem;
		}
		
		#enemy {
			font-size: 3rem;
			margin: 2rem;
		}
		
		#attack-button {
			background-color: #ff6666;
			color: #fff;
			font-size: 2rem;
			padding: 0.5rem 1rem;
			border-radius: 1rem;
			cursor: pointer;
			margin-top: 2rem;
		}
		
		#result {
			font-size: 2rem;
			margin-top: 2rem;
			visibility: hidden;
		}
	</style>
</head>
<body>
	<h1>どうスクのアプデを放置した開発者ひさしを絶望的に人生を最悪にするゲー厶</h1>
	<p>操作説明：スマホ画面タップで攻撃、スコアを稼いでランキングに挑戦しよう！</p>
	<p>👊💥👿🔥</p>
	<button id="start-button">スタート</button>
	<div id="game-container">
		<div id="score">スコア: <span id="score-field">0</span></div>
		<div id="player">👊</div>
		<div id="enemy">👿</div>
		<button id="attack-button">攻撃</button>
		<div id="result"></div>
	</div>
	<script>
		let score = 0;
		let player = document.querySelector("#player");
		let enemy = document.querySelector("#enemy");
		let scoreField = document.querySelector("#score-field");
		let attackButton = document.querySelector("#attack-button");
		let result = document.querySelector("#result");
		let gameContainer = document.querySelector("#game-container");
		
		function startGame() {
			gameContainer.style.visibility = "visible";
		}
		
		function attackEnemy() {
			let playerAttack = Math.floor(Math.random() * 10);
			let enemyAttack = Math.floor(Math.random() * 10);
			
			playerAttack >= enemyAttack ? (score++, enemy.textContent = "👿💥") : (score--, player.textContent = "👊💥");
			
			scoreField.textContent = score;
			
			if (score >= 10) {
				result.textContent = "クリア！";
				attackButton.style.visibility = "hidden";
			}
			else if (score <= -10) {
				result.textContent = "ゲームオーバー！";
				attackButton.style.visibility = "hidden";
			}
		}
		
		document.querySelector("#start-button").addEventListener("click", startGame);
		attackButton.addEventListener("click", attackEnemy);
	</script>
</body>
</html>