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

No:2342

4881

←

Prev Next

→

Non-motivated otaku breakaway fashionable game
Developer User3506｜Date and time 23/6/21 0:15:33
Build time 57.423 sec｜Game capacity 2.985KB｜

Script

非モテおたく脱却お洒落ゲーム

得点: 0

【ゲームの概要】 - ゲーム開始ボタンを押すと、9✕9のマス目に「😍（ハート）」と「💔（ハート以外）」がランダムに表示されます。 - 「😍（ハート）」の中から、ランダムに1つ表示されます。 - 画面タップで「😍（ハート）」をタップし、1秒以内にタップした数を得点としてカウントします。 - 「💔（ハート以外）」をタップするか、時間内にタップしなかった場合はゲームオーバーとなります。 - 得点を最大化して、非モテおたくから脱却しよう！

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>非モテおたく脱却お洒落ゲーム</title>
	<style>
		body {
			background-color: #F9EBEA;
			font-size: 1.2em;
		}
		h1 {
			text-align: center;
			margin-top: 30px;
			font-size: 2.5em;
		}
		#startBtn {
			display: block;
			margin: 0 auto;
			margin-top: 30px;
			font-size: 1.5em;
			padding: 10px;
			background-color: #F44336;
			color: white;
			border: none;
			border-radius: 5px;
		}
		#playArea {
			display: none;
			width: 90%;
			max-width: 400px;
			margin: 0 auto;
			margin-top: 30px;
		}
		.score {
			text-align: center;
			margin-top: 5px;
			font-size: 1.2em;
		}
		#result {
			display: none;
			text-align: center;
			margin-top: 30px;
			font-size: 1.5em;
			color: #F44336;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<h1>非モテおたく脱却お洒落ゲーム</h1>
	<button id="startBtn">スタート</button>
	<div id="playArea">
		<div class="score">得点: <span id="score">0</span></div>
		<div id="game"></div>
	</div>
	<div id="result"></div>
	
	<script>
		window.onload = function() {
			var startBtn = document.getElementById("startBtn");
			var playArea = document.getElementById("playArea");
			var gameArea = document.getElementById("game");
			var score = document.getElementById("score");
			var result = document.getElementById("result");
			
			startBtn.addEventListener("click", function() {
				startBtn.style.display = "none";
				playArea.style.display = "block";
				var timer = setInterval(function() {
					var x = Math.floor(Math.random() * 9) + 1;
					var y = Math.floor(Math.random() * 9) + 1;
					gameArea.innerHTML = "";
					for (var i = 1; i <= 9; i++) {
						for (var j = 1; j <= 9; j++) {
							if (i == x && j == y) {
								gameArea.innerHTML += "😍";
							} else {
								gameArea.innerHTML += "💔";
							}
							gameArea.innerHTML += " ";
						}
						gameArea.innerHTML += "<br>";
					}
					gameArea.addEventListener("click", function(e) {
						if (e.target.innerText == "😍") {
							score.innerText = parseInt(score.innerText) + 1;
						} else {
							result.innerText = "GAME OVER！得点: " + score.innerText;
							playArea.style.display = "none";
							result.style.display = "block";
							clearInterval(timer);
						}
					});
				}, 1000);
			});
		};
	</script>
</body>
</html>

【ゲームの概要】
- ゲーム開始ボタンを押すと、9✕9のマス目に「😍（ハート）」と「💔（ハート以外）」がランダムに表示されます。 
- 「😍（ハート）」の中から、ランダムに1つ表示されます。 
- 画面タップで「😍（ハート）」をタップし、1秒以内にタップした数を得点としてカウントします。 
- 「💔（ハート以外）」をタップするか、時間内にタップしなかった場合はゲームオーバーとなります。 
- 得点を最大化して、非モテおたくから脱却しよう！