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

No:2393

827

←

Prev Next

→

Fighting game to learn martial arts and play again..ALL
Developer User3559｜Date and time 23/6/21 10:09:04
Build time 28.593 sec｜Game capacity 2.506KB｜

Script

格闘ゲーム

キャラクターを選択してください。

ゲームの概要：プレイヤーは格闘家か忍者のキャラクターを選択します。CPUとの戦闘が開始され、攻撃・防御力に基づいて互いに攻撃します。先に相手のHPを0にすると勝利となります。

←

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>
</head>
<body>
	<div id="gameScreen">
		<h1>格闘ゲーム</h1>
		<p>キャラクターを選択してください。</p>
		<button onclick="selectCharacter('fighter')">格闘家</button>
		<button onclick="selectCharacter('ninja')">忍者</button>
		<div id="characterImg"></div>
		<p id="message"></p>
		<button onclick="startFight()">戦闘開始！</button>
	</div>

function selectCharacter(character) {
			player = {
				name: character,
				attack: Math.floor(Math.random() * 10) + 1,
				defense: Math.floor(Math.random() * 10) + 1,
				hp: 100
			};

opponent = {
				name: "コンピューター",
				attack: Math.floor(Math.random() * 10) + 1,
				defense: Math.floor(Math.random() * 10) + 1,
				hp: 100
			};

let img = document.createElement('img');
			img.src = './' + character + '.png';
			img.alt = character;
			document.getElementById('characterImg').appendChild(img);

document.getElementById('message').innerHTML = character + "を選択しました。";
		}

function startFight() {
			if (!player) {
				document.getElementById('message').innerHTML = "キャラクターを選択してください。";
				return;
			}

document.getElementById('message').innerHTML = "戦闘開始！";

while (player.hp > 0 && opponent.hp > 0) {
				if (turn % 2 === 1) {
					let damage = player.attack - opponent.defense;
					if (damage < 0) {
						damage = 0;
					}
					opponent.hp -= damage;
					document.getElementById('message').innerHTML = player.name + "が" + opponent.name + "に" + damage + "のダメージを与えた！";
				} else {
					let damage = opponent.attack - player.defense;
					if (damage < 0) {
						damage = 0;
					}
					player.hp -= damage;
					document.getElementById('message').innerHTML = opponent.name + "が" + player.name + "に" + damage + "のダメージを与えた！";
				}

turn++;
			}

if (player.hp <= 0) {
				document.getElementById('message').innerHTML = opponent.name + "の勝利！";
			} else {
				document.getElementById('message').innerHTML = player.name + "の勝利！";
			}
		}
	</script>
</body>
</html>