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

No:3292

5265

←

Prev Next

→

The player, as CEO of the bank, must earn funds ac..ALL
Developer User3589｜Date and time 23/6/24 11:51:12
Build time 59.026 sec｜Game capacity 5.833KB｜

Script

銀行CEOゲーム

市場の動向に合わせて資金を稼ぎましょう！

←

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>銀行CEOゲーム</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #fffacd;
			font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
			color: #333;
		}
		#game-container {
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		button {
			font-size: 1.2em;
			padding: 0.5em 1em;
			border-radius: 0.5em;
			background-color: #6495ed;
			color: #fff;
			border: none;
			cursor: pointer;
		}
		button:hover {
			background-color: #4169e1;
		}
		form {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		select {
			font-size: 1.2em;
			padding: 0.5em;
			border-radius: 0.5em;
			border: solid 2px #6495ed;
			width: 70%;
			margin-top: 1em;
			margin-bottom: 2em;
		}
		option {
			font-size: 1.2em;
		}
		.result {
			font-size: 2em;
			margin-top: 2em;
		}
	</style>
</head>
<body>
	<div id="game-container">
		<h1>銀行CEOゲーム</h1>
		<p>市場の動向に合わせて資金を稼ぎましょう！</p>
		<div id="buttons">
			<button id="start-button">ゲームを始める</button>
			<button id="retry-button" style="display:none">もう一度プレイする</button>
		</div>
		<form id="form" style="display:none">
			<label for="select-box">銀行の借り入れ先を選択してください:</label>
			<select id="select-box">
				<option value="a社">a社</option>
				<option value="b社">b社</option>
				<option value="c社">c社</option>
			</select>
			<button type="submit">決定</button>
		</form>
		<div class="result" style="display:none">
			<p><span id="result-text"></span></p>
			<p id="score">スコア: <span id="score-text">0</span></p>
			<button id="next-button">次のラウンドへ</button>
			<button id="gameover-button">ゲームオーバー</button>
		</div>
		<script>
			let score = 0; // 開始スコア
			let round = 1; // ラウンド数
			let borrowedAmount = 0; // 借り入れた金額
			let selectedOption; // 選択肢

const startButton = document.getElementById("start-button"); // ゲーム開始ボタン
			const retryButton = document.getElementById("retry-button"); // ゲーム再プレイボタン
			const form = document.getElementById("form"); // 選択肢表示フォーム
			const selectBox = document.getElementById("select-box"); // 借り入れ先選択ボックス
			const resultDiv = document.querySelector(".result"); // 結果表示エリア
			const resultText = document.getElementById("result-text"); // 結果テキスト表示エリア
			const scoreText = document.getElementById("score-text"); // スコアテキスト表示エリア
			const nextButton = document.getElementById("next-button"); // 次のラウンドへボタン
			const gameoverButton = document.getElementById("gameover-button"); // ゲームオーバーボタン

// ゲーム開始ボタンをクリックしたときの処理
			startButton.addEventListener("click", () => {
				startButton.style.display = "none";
				showForm();
			});

// 再プレイボタンをクリックしたときの処理
			retryButton.addEventListener("click", () => {
				retryButton.style.display = "none";
				resultDiv.style.display = "none";
				round = 1;
				score = 0;
				borrowedAmount = 0;
				showForm();
			});

// フォームを表示する処理
			const showForm = () => {
				form.style.display = "block";
				selectBox.selectedIndex = 0;
			}

// フォームを送信したときの処理
			form.addEventListener("submit", (event) => {
				event.preventDefault();
				selectedOption = selectBox.value;
				form.style.display = "none";
				playGame();
			});

// ゲームを開始する処理
			const playGame = () => {
				let random = Math.floor(Math.random() * 10) + 1; // 1~10までのランダムな数を生成
				let result;
				if (random >= 8) { // 30%の確率で市場が暴落する
					score -= borrowedAmount; // 借り入れた金額を差し引く
					borrowedAmount = 0; // 借り入れた金額を0に戻す
					result = `第${round}ラウンド：市場が暴落しました。借り入れた${selectedOption}からの資金を失いました。現在のスコアは${score}です。`;
					nextButton.style.display = "none"; // 市場が暴落した場合は次のラウンドへのボタンを非表示にする
				} else {
					let earnedAmount = Math.floor(Math.random() * 500) + 100; // 100~600までのランダムな数を生成
					score += earnedAmount;
					borrowedAmount += earnedAmount;
					result = `第${round}ラウンド：市場は安定しました。${selectedOption}から${earnedAmount}円の利益を得ました。現在のスコアは${score}です。`;
					nextButton.style.display = "block"; // 次のラウンドへのボタンを表示する
				}
				resultText.textContent = result;
				scoreText.textContent = score;
				resultDiv.style.display = "block";
				round++;
			}

// 次のラウンドへボタンをクリックしたときの処理
			nextButton.addEventListener("click", () => {
				selectBox.selectedIndex = 0;
				form.style.display = "block";
				resultDiv.style.display = "none";
			});

// ゲームオーバーボタンをクリックしたときの処理
			gameoverButton.addEventListener("click", () => {
				resultDiv.style.display = "none";
				form.style.display = "none";
				startButton.style.display = "none";
				retryButton.style.display = "block";
				let gameOverText = document.createElement("h2");
				gameOverText.textContent = "ゲームオーバー！あなたは破産しました。。。";
				gameOverText.style.color = "#ff0000";
				document.body.appendChild(gameOverText);
			});
		</script>
	</div>
</body>
</html>