不幸ゲーム

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>不幸ゲーム</title>
</head>
<body>
	<h1>不幸ゲーム</h1>
	
	<script>
		// プレイヤーの初期状態
		let player = {
			happiness: 50,
			money: 100,
			health: 100
		};
		
		// ゲームのスタート
		function startGame() {
			document.getElementById('startButton').style.display = 'none';
			document.getElementById('gameArea').style.display = 'block';
			
			updateDisplay();
		}
		
		// プレイヤーの状態を表示する
		function updateDisplay() {
			document.getElementById('happiness').innerText = '幸福: ' + player.happiness;
			document.getElementById('money').innerText = 'お金: ' + player.money;
			document.getElementById('health').innerText = '健康: ' + player.health;
		}
		
		// イベントを処理する
		function handleEvent(event) {
			switch(event) {
				case 'work':
					player.money += 10;
					player.happiness -= 5;
					break;
				case 'exercise':
					player.health += 10;
					player.happiness -= 5;
					break;
				case 'relax':
					player.happiness += 10;
					break;
				case 'shop':
					player.money -= 10;
					player.happiness += 5;
					break;
				default:
					break;
			}
			
			updateDisplay();
			
			if (player.happiness <= 0 || player.money <= 0 || player.health <= 0) {
				gameOver();
			}
		}
		
		// ゲームオーバー
		function gameOver() {
			document.getElementById('gameArea').style.display = 'none';
			document.getElementById('gameOver').style.display = 'block';
		}
	</script>
	
	<div id="gameArea" style="display: none;">
		<p id="happiness"></p>
		<p id="money"></p>
		<p id="health"></p>
		<button onclick="handleEvent('work')">仕事する</button>
		<button onclick="handleEvent('exercise')">運動する</button>
		<button onclick="handleEvent('relax')">リラックスする</button>
		<button onclick="handleEvent('shop')">買い物する</button>
	</div>
	
	<div id="gameOver" style="display: none;">
		<h2>ゲームオーバー</h2>
		<p>あなたは不幸になりました。もう一度遊びたい場合はリロードしてください。</p>
	</div>
	
	<button id="startButton" onClick="startGame()">ゲームを始める</button>
</body>
</html>