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

No:3731

2960

←

Prev Next

→

Monty Hall Issue.
Developer User3694｜Date and time 23/6/26 12:35:12
Build time 36.409 sec｜Game capacity 3.446KB｜

Script

を題材にしたゲームを作成しました。

モンティ・ホール問題

←

Prev　Next

→ 　

Back　

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

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

を題材にしたゲームを作成しました。

<html>
<head>
	<title>モンティ・ホール問題</title>
	<style>
		body {
			text-align: center;
			font-size: 2rem;
			margin-top: 50px;
		}
		button {
			font-size: 1.5rem;
			padding: 10px 20px;
			margin-top: 20px;
			cursor: pointer;
			border-radius:10px;
			background-color:#1e90ff;
			color:#fff;
		}
		p {
			font-size: 1.5rem;
			margin: 20px;
		}
	</style>
</head>
<body>
	<h1>モンティ・ホール問題</h1>
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/door_1f6aa.png" id="door1" onclick="selectedDoor(1)">
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/door_1f6aa.png" id="door2" onclick="selectedDoor(2)">
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/door_1f6aa.png" id="door3" onclick="selectedDoor(3)">
	<br><br>
	<button onclick="startGame()">スタート</button>
	<button onclick="resetGame()">リセット</button>
	<p id="result"></p>

function startGame() {
			resetGame();
			luckyDoor = Math.floor((Math.random() * 3) + 1);
			document.getElementById("result").innerHTML = "選んでください";
			document.getElementById("door1").style.pointerEvents = "auto";
			document.getElementById("door2").style.pointerEvents = "auto";
			document.getElementById("door3").style.pointerEvents = "auto";
		}

function resetGame() {
			luckyDoor = null;
			selectedDoor = null;
			document.getElementById("door1").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/door_1f6aa.png";
			document.getElementById("door2").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/door_1f6aa.png";
			document.getElementById("door3").src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/door_1f6aa.png";
			document.getElementById("door1").style.pointerEvents = "none";
			document.getElementById("door2").style.pointerEvents = "none";
			document.getElementById("door3").style.pointerEvents = "none";
		}

function selectedDoor(doorNumber) {
			selectedDoor = doorNumber;
			document.getElementById("door" + selectedDoor).src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/door_1f6a9.png";
			document.getElementById("door1").style.pointerEvents = "none";
			document.getElementById("door2").style.pointerEvents = "none";
			document.getElementById("door3").style.pointerEvents = "none";
			const revealDoor = revealWrongDoor();

if(revealDoor === luckyDoor) {
				document.getElementById("result").innerHTML = "正解！おめでとう！";
			} else {
				document.getElementById("result").innerHTML = "残念！正解は" + luckyDoor + "番でした。";
			}
		}

function revealWrongDoor() {
			let wrongDoor = null;
			let doorsArray = [1, 2, 3];

if(luckyDoor !== selectedDoor) {
				doorsArray.splice(doorsArray.indexOf(luckyDoor), 1);
				wrongDoor = doorsArray[Math.floor(Math.random() * 2)];
			} else {
				doorsArray.splice(doorsArray.indexOf(luckyDoor), 1);
				wrongDoor = doorsArray[Math.floor(Math.random() * 2)];
			}

document.getElementById("door" + wrongDoor).src = "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/door_1f6d2.png";
			return wrongDoor;
		}
	</script>
</body>
</html>