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

No:1358

182

←

Prev Next

→

Game to defeat the Demon King
Developer User3318｜Date and time 23/6/18 12:04:17
Build time 16.828 sec｜Game capacity 1.382KB｜

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 {
			background-color: black;
			color: white;
			font-size: 20px;
			text-align: center;
		}
		#game {
			display: inline-block;
			margin-top: 50px;
		}
	</style>
</head>
<body>
	<h1>魔王を倒せ！</h1>
	<div id="game">
		<p>魔王が現れました！</p>
		<p>タップして攻撃！</p>
		<button id="attack">🗡️ 攻撃する</button>
	</div>

// ゲームオーバー時の処理
		function gameOver() {
			document.getElementById('game').innerHTML = `
				<p>魔王を倒しました！</p>
				<p>勇者の残りHP：${hp}</p>
				<button id="again">もう一度遊ぶ</button>
			`;
			document.getElementById('again').addEventListener('click', () => {
				location.reload();
			});
		}

// 攻撃時の処理
		document.getElementById('attack').addEventListener('click', () => {
			enemyHp -= Math.floor(Math.random() * 10) + 1;
			hp -= Math.floor(Math.random() * 10) + 1;

if (enemyHp <= 0) {
				gameOver();
			} else {
				document.getElementById('game').innerHTML = `
					<p>魔王に攻撃！</p>
					<p>魔王の残りHP：${enemyHp}</p>
					<p>勇者の残りHP：${hp}</p>
					<button id="attack">🗡️ 攻撃する</button>
				`;
			}
		});
	</script>
</body>
</html>