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

No:9882

2600

←

Prev Next

→

A riddle that can be cleared by answering 10 conse..ALL
Developer anonymous｜Date and time 23/8/14 16:22:41
Build time unknown sec｜Game capacity 2.366KB｜

Script

Mystery Game

10問連続正解するとクリアできる謎解きです。頑張ってください！

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Mystery Game</title>
</head>
<body>
	<h1>Mystery Game</h1>
	<p>10問連続正解するとクリアできる謎解きです。頑張ってください！</p>
	<hr>
	
	<script>
		var currentQuestion = 0;
		var score = 0;
		
		var questions = [
			{
				question: "最初の質問です。2 + 2はいくつですか？",
				answers: {
					a: "3",
					b: "4",
					c: "5"
				},
				correctAnswer: "b"
			},
			{
				question: "次の質問です。月の名前は何でしょう？",
				answers: {
					a: "つき",
					b: "ほし",
					c: "にち"
				},
				correctAnswer: "a"
			},
			// 他の質問を追加する（省略）
		];
		
		function showQuestion() {
			var questionData = questions[currentQuestion];
			var questionElement = document.createElement("p");
			var answersElement = document.createElement("div");
			
			questionElement.textContent = questionData.question;
			
			for (choice in questionData.answers) {
				var answerElement = document.createElement("button");
				answerElement.textContent = questionData.answers[choice];
				answerElement.value = choice;
				answerElement.addEventListener("click", checkAnswer);
				answersElement.appendChild(answerElement);
			}
			
			document.body.appendChild(questionElement);
			document.body.appendChild(answersElement);
		}
		
		function checkAnswer(event) {
			var selectedAnswer = event.target.value;
			var questionData = questions[currentQuestion];
			
			if (selectedAnswer === questionData.correctAnswer) {
				score++;
			}
			
			currentQuestion++;
			
			if (currentQuestion >= questions.length) {
				endGame();
			} else {
				updateGame();
			}
		}
		
		function updateGame() {
			var questionElement = document.querySelector("p");
			var answersElement = document.querySelector("div");
			
			questionElement.remove();
			answersElement.remove();
			
			showQuestion();
		}
		
		function endGame() {
			var endMessage = document.createElement("h2");
			
			if (score === questions.length) {
				endMessage.textContent = "おめでとうございます！クリアしました！";
			} else {
				endMessage.textContent = "残念！正解数は " + score + " でした。もう一度挑戦してください！";
			}
			
			document.body.appendChild(endMessage);
		}
		
		showQuestion();
	</script>
</body>
</html>