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

No:1901

100

←

Prev Next

→

A game of attack and defense with shields and ball..ALL
Developer User3436｜Date and time 23/6/19 13:34:57
Build time 33.905 sec｜Game capacity 2.344KB｜

Script

盾と玉ゲーム

Player 1

盾： 🛡️

勝利回数： 0

Player 2

玉： 🔴

勝利回数： 0

🛡️ 🔴

【ゲームの概要】盾と玉で攻防するゲームです。プレイヤー1は盾を、プレイヤー2は玉を所持しています。投げるボタンを押すと、ランダムに盾と玉の数が決まります。盾の数が多ければプレイヤー1が勝ち、玉の数が多ければプレイヤー2が勝ちです。勝ったプレイヤーの勝利回数が増えます。

←

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">
	<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
	<style type="text/css">
		body { text-align: center; }
		h1 { font-size: 2rem; }
		#board { display: inline-block; margin-top: 1rem; }
		button { font-size: 1.5rem; padding: 0.5rem; margin: 0.5rem; }
		#player1 { background-color: red; }
		#player2 { background-color: blue; }
		#shield, #ball { font-size: 3rem; }
		.center { display: flex; justify-content: center; align-items: center; }
		.success { color: green; }
		.fail { color: red; }
	</style>
</head>
<body>
	<h1>盾と玉ゲーム</h1>
	<div class="center">
		<div id="player1">
			<p>Player 1</p>
			<p>盾： <span id="p1-shield">🛡️</span></p>
			<p>勝利回数： <span id="p1-score">0</span></p>
		</div>
		<div id="player2">
			<p>Player 2</p>
			<p>玉： <span id="p2-ball">🔴</span></p>
			<p>勝利回数： <span id="p2-score">0</span></p>
		</div>
	</div>
	<div id="board">
		<button id="throw-btn">投げる！</button>
		<div class="center">
			<span id="shield">🛡️</span>
			<span id="ball">🔴</span>
		</div>
		<p id="result"></p>
	</div>
	<script type="text/javascript">
		var p1shield = "🛡️";
		var p2ball = "🔴";
		var p1score = 0;
		var p2score = 0;

$("#throw-btn").click(function() {
			var shield = Math.floor(Math.random() * 4);
			var ball = Math.floor(Math.random() * 4);
			$("#shield").text(p1shield.repeat(shield));
			$("#ball").text(p2ball.repeat(ball));
			if (shield >= ball) {
				p1score++;
				$("#p1-score").text(p1score);
				$("#result").removeClass("fail").addClass("success").text("Player 1 の勝ち！");
			} else {
				p2score++;
				$("#p2-score").text(p2score);
				$("#result").removeClass("success").addClass("fail").text("Player 2 の勝ち！");
			}
		});
	</script>
</body>
</html>

【ゲームの概要】
盾と玉で攻防するゲームです。プレイヤー1は盾を、プレイヤー2は玉を所持しています。投げるボタンを押すと、ランダムに盾と玉の数が決まります。盾の数が多ければプレイヤー1が勝ち、玉の数が多ければプレイヤー2が勝ちです。勝ったプレイヤーの勝利回数が増えます。