朽ちたマスターソードを蘇らせるゲーム

マスターソードは朽ち果て、その力は失われた。しかし、あなたの力によってマスターソードを蘇らせる事ができる。修復に必要な材料を手に入れ、マスターソードを蘇らせよう。

マスターソードのHP： 0/10

←

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: #00CCFF;
			color: white;
			text-align: center;
			font-family: Arial, sans-serif;
		}
		
		h1 {
			font-size: 42px;
			font-weight: bold;
			margin-top: 50px;
			margin-bottom: 0;
		}
		
		p {
			font-size: 18px;
			margin-top: 10px;
			margin-bottom: 30px;
		}
		
		#sword {
			width: 200px;
			height: 400px;
			margin: 50px 0;
		}
		
		button {
			border: none;
			background-color: #FFCC33;
			color: white;
			font-size: 24px;
			font-weight: bold;
			padding: 10px 20px;
			border-radius: 10px;
			cursor: pointer;
		}
		
		button:hover {
			background-color: #FF9900;
		}
	</style>
	<script>
		var swordHP = 10;
		var message = document.getElementById("message");
		
		function repairSword() {
			swordHP += 5;
			if (swordHP > 10) {
				swordHP = 10;
			}
			if (swordHP >= 10) {
				message.innerHTML = "マスターソードを蘇らせた！";
				document.getElementById("sword").src = "https://www.pngitem.com/pimgs/m/21-210599_master-sword-legend-of-zelda-master-sword.png";
				document.getElementById("repairButton").disabled = true;
			} else {
				message.innerHTML = "マスターソードのHPが" + swordHP + "になった。";
			}
		}
	</script>
</head>
<body>
	<h1>朽ちたマスターソードを蘇らせるゲーム</h1>
	<p>マスターソードは朽ち果て、その力は失われた。しかし、あなたの力によってマスターソードを蘇らせる事ができる。修復に必要な材料を手に入れ、マスターソードを蘇らせよう。</p>
	<img id="sword" src="https://www.pngitem.com/pimgs/m/21-210604_broken-sword-clipart-png-transparent-png.png">
	<p>マスターソードのHP： <span id="swordHP">0</span>/10</p>
	<button id="repairButton" onclick="repairSword()">剣を修復する</button>
	<p id="message"></p>
</body>
</html>