Tug of war with Heihachiro Togo's game

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

No:1174

228

←

Prev Next

→

Tug of war with Heihachiro Togo
Developer User3269｜Date and time 23/6/18 7:02:27
Build time 25.026 sec｜Game capacity 1.938KB｜

Script

東郷平八郎と綱引き

ゲームの説明：東郷平八郎とあなたのチームが綱引きをしています。綱引きに勝つためには、東郷平八郎のチームよりも多くの力を発揮する必要があります。

綱引きスタート！

←

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 {
			font-size: 2em;
			text-align: center;
		}
		#title {
			font-size: 3em;
			margin-top: 30px;
			margin-bottom: 50px;
		}
		#play {
			margin-top: 50px;
			font-size: 1.5em;
			padding: 10px 20px;
			border-radius: 10px;
			background-color: yellow;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div id="title">東郷平八郎と綱引き</div>
	<p>ゲームの説明：東郷平八郎とあなたのチームが綱引きをしています。綱引きに勝つためには、東郷平八郎のチームよりも多くの力を発揮する必要があります。</p>
	<div id="score"></div>
	<div id="play" onclick="pull()">綱引きスタート！</div>

// 綱引きスタート
		function pull() {
			if (!tug_of_war) {
				tug_of_war = true;
				document.getElementById("play").innerText = "がんばって！";
				document.getElementById("play").style.backgroundColor = "green";
				loop();
			}
		}

// スコア加算
		function addScore() {
			score++;
			document.getElementById("score").innerText = "あなたのチーム：" + score + "点";
		}

// ループ処理
		function loop() {
			if (tug_of_war) {
				// 綱引きの画像を表示
				document.body.style.backgroundImage = 'url("https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/271/crossed-fingers_emoji-modifier-fitzpatrick-type_1-2_1f91e-1f3fb_1f3fb.png")';

// 1秒ごとにスコア加算
				setTimeout(function(){
					addScore();
					loop();
				}, 1000);
			} else {
				// 綱引きの画像を非表示
				document.body.style.backgroundImage = "";
				document.getElementById("play").innerText = "もう一回？";
				document.getElementById("play").style.backgroundColor = "yellow";
			}
		}
	</script>
</body>
</html>