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

No:2880

1247

←

Prev Next

→

Choice text-based game You can advance a little bi..ALL
Developer User3589｜Date and time 23/6/23 1:13:16
Build time 47.766 sec｜Game capacity 4.066KB｜

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.0">
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #ff0000; /*真っ赤な背景色*/
			font-family: Arial, sans-serif;
			font-size: 1.2rem;
			color: #fff;
			text-align: center;
		}
		h1 {
			font-size: 2rem;
			margin: 1rem 0;
		}
		p {
			margin: 0.5rem 0;
		}
		button {
			padding: 0.5rem;
			margin: 0.5rem;
			font-size: 1.2rem;
			background-color: #fff;
			border: none;
			border-radius: 0.3rem;
			cursor: pointer;
		}
		button:hover {
			background-color: #ccc;
		}
	</style>
</head>
<body>
	<h1>選択式テキストベースゲーム</h1>
	<p>あなたは冒険者です。今、あなたはダンジョンの入り口に立っています。どうしますか？</p>
	<button id="button1">入る</button>
	<button id="button2">引き返す</button>

button1.innerText = "ダンジョンに入る";
		button2.innerText = "引き返す";

//ボタン1をクリックした場合の処理
		button1.addEventListener("click", function() {
			if (storyStep === 1) {
				p.innerText = "あなたはダンジョンの中に入りました。";
				button1.innerText = "進む";
				button2.innerText = "引き返す";
				storyStep += 1;
			} else if (storyStep === 2) {
				p.innerText = "あなたは謎の扉に出ました。";
				button1.innerText = "開ける";
				button2.innerText = "戻る";
				storyStep += 1;
			} else if (storyStep === 3) {
				p.innerText = "扉の向こう側には、宝物がたくさんあります。あなたはどうしますか？";
				button1.innerText = "宝物を探す";
				button2.innerText = "出口を探す";
				storyStep += 1;
			} else if (storyStep === 4) {
				p.innerText = "宝物を探していると、ドラゴンが現れました！あなたはどうしますか？";
				button1.innerText = "戦う";
				button2.innerText = "逃げる";
				storyStep += 1;
			} else {
				p.innerText = "あなたはドラゴンを倒し、宝物を手に入れました！おめでとうございます。";
				button1.remove();
				button2.innerText = "もう一度遊ぶ";
				button2.addEventListener("click", function() {
					location.reload(); //ページをリロードしてもう一度遊ぶ
				})
			}
		});

//ボタン2をクリックした場合の処理
		button2.addEventListener("click", function() {
			if (storyStep === 1) {
				p.innerText = "あなたはダンジョンの外に出ました。";
				button1.remove();
				button2.innerText = "もう一度遊ぶ";
				button2.addEventListener("click", function() {
					location.reload(); //ページをリロードしてもう一度遊ぶ
				})
			} else if (storyStep === 2) {
				p.innerText = "あなたはダンジョンの中で転んでズボンが破けました。引き返して家に戻ります。";
				button1.remove();
				button2.innerText = "もう一度遊ぶ";
				button2.addEventListener("click", function() {
					location.reload(); //ページをリロードしてもう一度遊ぶ
				})
			} else if (storyStep === 3) {
				p.innerText = "出口を探しましたが、見つかりませんでした。ショボーン。";
				button1.remove();
				button2.innerText = "もう一度遊ぶ";
				button2.addEventListener("click", function() {
					location.reload(); //ページをリロードしてもう一度遊ぶ
				})
			} else if (storyStep === 4) {
				p.innerText = "ドラゴンとの戦いは避けられません。あなたは力尽きました。ゲームオーバー。";
				button1.remove();
				button2.innerText = "もう一度遊ぶ";
				button2.addEventListener("click", function() {
					location.reload(); //ページをリロードしてもう一度遊ぶ
				})
			}
		});
	</script>
</body>
</html>