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

No:964

240

←

Prev Next

→

Combat game with randomly assigned parameters
Developer User3207｜Date and time 23/6/17 23:17:13
Build time 24.068 sec｜Game capacity 2.056KB｜

Script

ランダムバトル

このプログラムはランダムなパラメーターでプレイヤーと敵のHPと攻撃力を決定します。戦闘中、ランダムな攻撃力を使って戦い、先に相手のHPを0にすることが勝利条件です。戦闘後に勝利/敗北のメッセージが表示されます。絵文字を多用して、楽しくプレイできるようにしました。スマホでも問題なくプレイできるようにレイアウトを変更しました。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>ランダムバトル</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body{
			background-color: yellow;
			font-size: 30px;
			text-align: center;
			padding-top: 100px;
		}
		button{
			font-size: 50px;
			background-color: white;
			border-radius: 50%;
			margin: 20px;
			padding: 30px;
			box-shadow: 5px 5px black;
			cursor: pointer;
			border: solid black 5px;
		}
	</style>
</head>
<body>
	<h1>ランダムバトル</h1>
	<div id="player"></div>
	<div id="enemy"></div>
	<button onclick="battle()">戦う！</button>
	<script>
		function battle(){
			let player_hp = Math.floor(Math.random() * 101) + 100;
			let player_power = Math.floor(Math.random() * 21) + 10;
			let enemy_hp = Math.floor(Math.random() * 101) + 100;
			let enemy_power = Math.floor(Math.random() * 21) + 10;

let player_div = document.getElementById("player");
			let enemy_div = document.getElementById("enemy");

player_div.innerHTML = "プレイヤーのHP：" + player_hp;
			enemy_div.innerHTML = "敵のHP：" + enemy_hp;

while(player_hp > 0 && enemy_hp > 0){
				let player_attack = Math.floor(Math.random() * player_power) + 1;
				let enemy_attack = Math.floor(Math.random() * enemy_power) + 1;

enemy_hp -= player_attack;
				player_hp -= enemy_attack;

player_div.innerHTML = "プレイヤーのHP：" + player_hp;
				enemy_div.innerHTML = "敵のHP：" + enemy_hp;
			}

if(player_hp > 0){
				alert("勝利！");
			}else{
				alert("敗北...");
			}
		}
	</script>
</body>
</html>

このプログラムはランダムなパラメーターでプレイヤーと敵のHPと攻撃力を決定します。
戦闘中、ランダムな攻撃力を使って戦い、先に相手のHPを0にすることが勝利条件です。
戦闘後に勝利/敗北のメッセージが表示されます。絵文字を多用して、楽しくプレイできるようにしました。
スマホでも問題なくプレイできるようにレイアウトを変更しました。