意味不明なゲーム

<!DOCTYPE html>
<html>
<head>
	<title>意味不明なゲーム</title>
</head>
<body>
	<h1>意味不明なゲーム</h1>
	<p>パラメータ1: <span id="param1"></span></p>
	<p>パラメータ2: <span id="param2"></span></p>
	<p>パラメータ3: <span id="param3"></span></p>
	<br>
	<p id="result"></p>
	<hr>
	<p id="choices"></p>

	<script>
		// パラメータの初期値
		let param1 = Math.floor(Math.random() * 10);
		let param2 = Math.floor(Math.random() * 10);
		let param3 = Math.floor(Math.random() * 10);

		// パラメータを画面に反映
		document.getElementById("param1").innerText = param1;
		document.getElementById("param2").innerText = param2;
		document.getElementById("param3").innerText = param3;

		// 条件に応じたテキストを表示する関数
		function showResult() {
			let result = "";

			if (param1 > param2 && param2 > param3) {
				result = "条件1に該当しました。";
			} else if (param2 >= param1 || param3 >= param2) {
				result = "条件2に該当しました。";
			} else {
				result = "条件3に該当しました。";
			}

			document.getElementById("result").innerText = result;
		}

		showResult(); // 最初の条件チェック

		// 選択肢を表示する関数
		function showChoices() {
			let choices = "";
			let options = [
				"意味不明な選択肢1", 
				"意味不明な選択肢2", 
				"意味不明な選択肢3",
				"意味不明な選択肢4",
				"意味不明な選択肢5",
				"意味不明な選択肢6",
				"意味不明な選択肢7",
				"意味不明な選択肢8",
				"意味不明な選択肢9",
				"意味不明な選択肢10",
				"意味不明な選択肢11",
				"意味不明な選択肢12",
				"意味不明な選択肢13",
				"意味不明な選択肢14",
				"意味不明な選択肢15",
				"意味不明な選択肢16",
				"意味不明な選択肢17",
				"意味不明な選択肢18",
				"意味不明な選択肢19",
				"意味不明な選択肢20"
			];

			// パラメータに応じた選択肢を表示する
			if (param1 > 5 && param2 < 5) {
				choices = options.slice(0, 5).join("<br>");
			} else if (param2 >= 5 && param3 <= 2) {
				choices = options.slice(5, 10).join("<br>");
			} else if ((param1 + param2 + param3) % 2 == 0) {
				choices = options.slice(11, 15).join("<br>");
			} else {
				choices = options.slice(15, 20).join("<br>");
			}

			document.getElementById("choices").innerHTML = choices;
		}

		showChoices(); // 最初の選択肢表示

		// 選択肢をクリックした時の処理
		document.getElementById("choices").addEventListener("click", function(event){
			let choice = event.target.innerText;

			// 選択肢に応じたパラメータ変更
			switch(choice) {
				case "意味不明な選択肢1":
					param1++;
					param2--;
					param3 += 2;
					break;
				case "意味不明な選択肢2":
					param1 -= 2;
					param2++;
					param3++;
					break;
				case "意味不明な選択肢3":
					param1 *= 3;
					param2 -= 2;
					param3--;
					break;
				case "意味不明な選択肢4":
					param1 = param2;
					param2 = param3;
					param3 = param1;
					break;
				case "意味不明な選択肢5":
					param1 = 10 - param1;
					param2 = 10 - param2;
					param3 = 10 - param3;
					break;
				case "意味不明な選択肢6":
					param1 += 2;
					param2 += 3;
					param3--;
					break;
				case "意味不明な選択肢7":
					param1 = Math.floor(Math.random() * 10);
					param2 = Math.floor(Math.random() * 10);
					param3 = Math.floor(Math.random() * 10);
					break;
				case "意味不明な選択肢8":
					param1--;
					param2 += 2;
					param3 *= 2;
					break;
				case "意味不明な選択肢9":
					param1 *= 2;
					param2++;
					param3 = Math.max(param1, param2);
					break;
				case "意味不明な選択肢10":
					param1 = Math.abs(param1 - param2);
					param2 = Math.abs(param2 - param3);
					param3 = Math.abs(param3 - param1);
					break;
				case "意味不明な選択肢11":
					param1 += param2;
					param2 = param1 - param2;
					param1 -= param2;
					param2 += param3;
					param3 = param2 - param3;
					param2 -= param3;
					break;
				case "意味不明な選択肢12":
					param1 *= -1;
					param2 *= -1;
					param3 *= -1;
					break;
				case "意味不明な選択肢13":
					param1 = Math.max(param1, param2, param3);
					param2 *= 2;
					param3 /= 2;
					break;
				case "意味不明な選択肢14":
					param1 = Math.min(param1, param2, param3);
					param2 /= 2;
					param3 *= 2;
					break;
				case "意味不明な選択肢15":
					param1 += Math.floor(Math.random() * 3) - 1;
					param2 += Math.floor(Math.random() * 3) - 1;
					param3 += Math.floor(Math.random() * 3) - 1;
					break;
				case "意味不明な選択肢16":
					param1 = Math.ceil(param1/2) * 2;
					param2 = Math.ceil(param2/2) * 2;
					param3 = Math.ceil(param3/2) * 2;
					break;
				case "意味不明な選択肢17":
					param1 += param2 + param3;
					param2 *= 3;
					param3 /= 3;
					break;
				case "意味不明な選択肢18":
					param1 = Math.max(0, param1 - 2);
					param2++;
					param3 = Math.min(10, param3 + 2);
					break;
				case "意味不明な選択肢19":
					param1 += Math.floor(Math.random() * 6) - 3;
					param2 += Math.floor(Math.random() * 6) - 3;
					param3 += Math.floor(Math.random() * 6) - 3;
					break;
				case "意味不明な選択肢20":
					alert("押したらあかんやろ！");
					break;
			}

			// パラメータを画面に反映
			document.getElementById("param1").innerText = param1;
			document.getElementById("param2").innerText = param2;
			document.getElementById("param3").innerText = param3;

			showResult(); // 条件チェック
			showChoices(); // 選択肢再表示
		});
	</script>
</body>
</html>