ひさし無双ゲーム

得点: 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: #9b59b6;
		}
		h1 {
			color: white;
			font-size: 3rem;
			text-align: center;
			margin-top: 2rem;
		}
		p {
			color: white;
			font-size: 2rem;
			text-align: center;
		}
		button {
			background-color: white;
			color: #9b59b6;
			font-size: 2rem;
			border-radius: 50%;
			border: none;
			width: 4rem;
			height: 4rem;
			margin: 1rem;
			cursor: pointer;
		}
        .hi {
            color: #f1c40f;
            font-size: 3rem;
        }
	</style>
</head>
<body>
	<h1>ひさし無双ゲーム</h1>
	<p id="score">得点: 0</p>
	<div class="game">
		<button onclick="attack()">🗡️</button>
		<button onclick="defend()">🛡️</button>
	</div>
	<script>
		let score = 0;
		let hi = document.createElement("p");
		document.body.appendChild(hi);
        let gameover = false;
		
		function attack() {
			if (!gameover) {
				let hit = Math.floor(Math.random() * 2);
				if (hit) {
					score += 10;
					document.getElementById("score").innerHTML = "得点: " + score;
					hi.innerHTML = "ひさしにダメージを与えた！";
					setTimeout(function() {
						hi.innerHTML = "";
					}, 1000);
				} else {
					hi.innerHTML = "ひさしに攻撃をかわされた...";
					setTimeout(function() {
						hi.innerHTML = "";
					}, 1000);
				}
				if (score >= 100) {
					gameover = true;
					document.getElementById("score").innerHTML = "得点: " + score + " (勝利！)";
					hi.innerHTML = "ひさしを倒した！🎉";
				}
			}
		}
		
		function defend() {
			if (!gameover) {
				let counter = Math.floor(Math.random() * 2);
				if (counter) {
					score -= 5;
                    // スコアがマイナスにならないように
                    if (score < 0) {
                        score = 0;
                    }
					document.getElementById("score").innerHTML = "得点: " + score;
					hi.innerHTML = "ひさしに反撃された...";
					setTimeout(function() {
						hi.innerHTML = "";
					}, 1000);
				} else {
					hi.innerHTML = "ひさしが防御を固めた！";
					setTimeout(function() {
						hi.innerHTML = "";
					}, 1000);
				}
			}
		}
	</script>
</body>
</html>

※このコードは自動翻訳によるものです。誤訳等あるかもしれませんのでご注意ください。