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

No:1129

125

←

Prev Next

→

Geek Games
Developer User3254｜Date and time 23/6/18 4:04:36
Build time 21.443 sec｜Game capacity 1.83KB｜

Script

オタ芸のゲーム

スマホで画面をタップして、オタ芸をしてみよう！

このゲームでは、30秒間で何回オタ芸ができるかを競います。画面をタップするたびに、ランダムな絵文字が表示されます。最初に表示された絵文字と同じものをタップすることで1ポイント加算されます。30秒経過するか、ボタンを押すことでゲームを終了することができます。終了後は、ボタンが使用不可になり、最終スコアが表示されます。

←

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: pink;
			text-align: center;
		    font-size: 4rem;
		}
		#btn {
			background-color: yellow;
			color: black;
			padding: 1rem 2rem;
			border-radius: 1rem;
			font-size: 2rem;
			margin-top: 3rem;
			cursor: pointer;
		}
        
	</style>
</head>
<body>
	<h1>オタ芸のゲーム</h1>
	<p>スマホで画面をタップして、オタ芸をしてみよう！</p>
	<div id="game" style="display:none;">
		<p id="emoji">✌️</p>
		<button id="btn">オタ芸！</button>
	</div>

function startGame() {
			document.getElementById("game").style.display = "block";
			document.addEventListener("click", doGame);
			timer = setTimeout(endGame, 30000);
		}

function doGame() {
			document.getElementById("emoji").innerText = emojis[index];
			index++;
			if (index >= emojis.length) {
				index = 0;
			}
		}

function endGame() {
			document.removeEventListener("click", doGame);
			clearTimeout(timer);
			document.getElementById("emoji").innerText = "終了！";
			document.getElementById("btn").disabled = true;
		}

document.getElementById("btn").addEventListener("click", startGame);
	</script>
</body>
</html>