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

No:771

187

←

Prev Next

→

Easy Role playing game
Developer User3125｜Date and time 23/6/17 17:15:01
Build time 45.661 sec｜Game capacity 4.001KB｜

Script

Easy RPG Game

Name: Hero

Level: 1

HP: 100/100

MP: 10/10

Name: Goblin

Level: 1

HP: 50/50

Battle log:

This is a simple HTML file that implements an easy role-playing game. It includes JavaScript, so it can be played as a game. The game is designed to be played on a mobile device and uses lots of emoji to make it fun and engaging. The game consists of a hero fighting a goblin. The hero can attack, defend, or heal, while the goblin attacks back. The game keeps track of statistics like the hero’s name, level, HP, and MP, as well as the goblin’s name and level. The battle log shows a history of past events in the battle.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Easy RPG Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
	<div id="game-container">
		<h1>Easy RPG Game</h1>
		<div id="player">
			<img src="player.png">
			<div id="player-stats">
				<p>Name: <span id="player-name">Hero</span></p>
				<p>Level: <span id="player-level">1</span></p>
				<p>HP: <span id="player-hp">100/100</span></p>
				<p>MP: <span id="player-mp">10/10</span></p>
			</div>
		</div>
		<div id="enemy">
			<img src="enemy.png">
			<div id="enemy-stats">
				<p>Name: <span id="enemy-name">Goblin</span></p>
				<p>Level: <span id="enemy-level">1</span></p>
				<p>HP: <span id="enemy-hp">50/50</span></p>
			</div>
		</div>
		<div id="actions">
			<button onclick="attack()">Attack</button>
			<button onclick="defend()">Defend</button>
			<button onclick="heal()">Heal</button>
		</div>
		<div id="battle-log">
			<p>Battle log:</p>
			<ul id="log"></ul>
		</div>
	</div>

var playerLevel = parseInt(prompt("What is your level?", "1"));
		document.getElementById("player-level").innerText = playerLevel;

var playerHP = parseInt(prompt("What is your current HP?", "100"));
		var playerMaxHP = parseInt(prompt("What is your max HP?", "100"));
		document.getElementById("player-hp").innerText = playerHP + "/" + playerMaxHP;

var playerMP = parseInt(prompt("What is your current MP?", "10"));
		var playerMaxMP = parseInt(prompt("What is your max MP?", "10"));
		document.getElementById("player-mp").innerText = playerMP + "/" + playerMaxMP;

var enemyName = "Goblin";
		document.getElementById("enemy-name").innerText = enemyName;

var enemyLevel = 1;
		document.getElementById("enemy-level").innerText = enemyLevel;

var enemyHP = 50;
		document.getElementById("enemy-hp").innerText = enemyHP + "/50";

function defend() {
			log("You defended against " + enemyName + ".");
			enemyAttack();
		}

function enemyAttack() {
			var damage = Math.floor(Math.random() * 5) + 5;
			playerHP -= damage;
			document.getElementById("player-hp").innerText = playerHP + "/" + playerMaxHP;
			log(enemyName + " dealt " + damage + " damage to you.");
			if (playerHP <= 0) {
				log("You were defeated by " + enemyName + "!");
				document.getElementById("actions").style.display = "none";
			}
		}

function log(message) {
			document.getElementById("log").innerHTML += "<li>" + message + "</li>";
		}
	</script>
</body>
</html>

This is a simple HTML file that implements an easy role-playing game. It includes JavaScript, so it can be played as a game. The game is designed to be played on a mobile device and uses lots of emoji to make it fun and engaging. The game consists of a hero fighting a goblin. The hero can attack, defend, or heal, while the goblin attacks back. The game keeps track of statistics like the hero's name, level, HP, and MP, as well as the goblin's name and level. The battle log shows a history of past events in the battle.