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

No:3226

704

←

Prev Next

→

Death! of! Secret! Treasure!
Developer User3589｜Date and time 23/6/24 7:21:34
Build time 36.233 sec｜Game capacity 4.188KB｜

Script

死！の！秘！宝！

あなたはダンジョンに迷い込んでしまった。しかし、ダンジョンには秘宝があるという噂がある。あなたはその秘宝を探すため、危険な冒険を始めることになった。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>死！の！秘！宝！</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
			background-color: black;
		}
		#game-container {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
			color: white;
			padding: 20px;
			text-align: center;
			font-size: 30px;
			font-weight: bold;
			font-family: Arial, sans-serif;
		}
		#button-container {
			margin-top: 20px;
		}
		.button {
			background-color: red;
			color: white;
			padding: 10px;
			border: none;
			border-radius: 5px;
			cursor: pointer;
			font-size: 20px;
			font-weight: bold;
			font-family: Arial, sans-serif;
		}
		.button:hover {
			background-color: #ff5050;
		}
		.hidden {
			display: none;
		}
		.visible {
			display: block;
		}
	</style>
</head>
<body>
	<div id="game-container">
		<h1>死！の！秘！宝！</h1>
		<p>あなたはダンジョンに迷い込んでしまった。しかし、ダンジョンには秘宝があるという噂がある。あなたはその秘宝を探すため、危険な冒険を始めることになった。</p>
		<button id="start-button" class="button visible">はじめる</button>
		<div id="gameplay-container" class="hidden">
			<p>あなたはダンジョンの中にいます。左右に道があるようです。</p>
			<div id="choice-container" class="visible">
				<button id="left-button" class="button">左に行く</button>
				<button id="right-button" class="button">右に行く</button>
			</div>
			<div id="result-container" class="hidden">
				<p id="result-message"></p>
				<button id="restart-button" class="button">もう一度プレイする</button>
			</div>
		</div>
	</div>

const path = ['left', 'right', 'left', 'left', 'right'];
		let currentStep = 0;

startButton.addEventListener('click', function() {
			startButton.classList.remove('visible');
			startButton.classList.add('hidden');
			gameplayContainer.classList.remove('hidden');
			gameplayContainer.classList.add('visible');
		});

leftButton.addEventListener('click', function() {
			checkPath('left');
		});

rightButton.addEventListener('click', function() {
			checkPath('right');
		});

restartButton.addEventListener('click', function() {
			resetGame();
		});

function resetGame() {
			currentStep = 0;
			resultContainer.classList.remove('visible');
			resultContainer.classList.add('hidden');
			choiceContainer.classList.remove('hidden');
			choiceContainer.classList.add('visible');
			leftButton.disabled = false;
			rightButton.disabled = false;
			restartButton.style.backgroundColor = 'red';
		}
	</script>
</body>
</html>