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

No:867

159

←

Prev Next

→

A total of 10 quizzes in which you are shown 5 to ..ALL
Developer User3174｜Date and time 23/6/17 21:30:29
Build time 55.405 sec｜Game capacity 4.664KB｜

Script

Mr.Children Quiz

Can you guess the song title?

1. Ma-ka-na-i de (?):

2. WINDING ROAD (?):

3. SHIPPUU dotou no koto (?):

4. Mr. (?):

5. Kimi (?) wa:

6. Boku ga (?):

7. Kirei na (?):

8. Yesterday and (?):

9. Namida no (?) single:

10. Hoshi (?) no uta:

You got out of 10! (Thanks for playing!)

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Mr.Children Quiz</title>
	<style type="text/css">
		body {
			background-color: #FFAEB9;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			font-size: 3em;
			color: #FFFFFF;
			margin-top: 30px;
		}
		h2 {
			font-size: 2em;
			color: #FFFFFF;
			margin-top: 30px;
		}
		#quiz {
			margin-top: 30px;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.question {
			font-size: 1.5em;
			color: #000000;
			margin-bottom: 10px;
		}
		.answers {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		button {
			margin: 10px;
			padding: 10px 20px;
			background-color: #FFFFFF;
			border: none;
			border-radius: 5px;
			font-size: 1.2em;
			color: #000000;
			cursor: pointer;
		}
		button:hover {
			background-color: #87CEFA;
		}
		.result {
			font-size: 2em;
			color: #000000;
			margin-top: 30px;
			display: none;
		}
	</style>
</head>
<body>
	<h1>Mr.Children Quiz</h1>
	<h2>Can you guess the song title?</h2>
	<div id="quiz">
		<div class="question">1. Ma-ka-na-i de (?):</div>
		<div class="answers">
			<button onclick="wrong()">LOVE</button>
			<button onclick="wrong()">Tomorrow never knows</button>
			<button onclick="correct()">innocent world</button>
			<button onclick="wrong()">365日</button>
		</div>
		<div class="question">2. WINDING ROAD (?):</div>
		<div class="answers">
			<button onclick="wrong()">Sign</button>
			<button onclick="correct()">HANABI</button>
			<button onclick="wrong()">君という名の翼</button>
			<button onclick="wrong()">名もなき詩</button>
		</div>
		<div class="question">3. SHIPPUU dotou no koto (?):</div>
		<div class="answers">
			<button onclick="correct()">youthful days</button>
			<button onclick="wrong()">Sign</button>
			<button onclick="wrong()">Cross Road</button>
			<button onclick="wrong()">NOT FOUND</button>
		</div>
		<div class="question">4. Mr. (?):</div>
		<div class="answers">
			<button onclick="wrong()">君と重ねたモノローグ</button>
			<button onclick="wrong()">End of the day</button>
			<button onclick="wrong()">Your Song</button>
			<button onclick="correct()">ASHIOTO</button>
		</div>
		<div class="question">5. Kimi (?) wa:</div>
		<div class="answers">
			<button onclick="wrong()">Sign</button>
			<button onclick="wrong()">youthful days</button>
			<button onclick="correct()">365日</button>
			<button onclick="wrong()">himawari</button>
		</div>
		<div class="question">6. Boku ga (?):</div>
		<div class="answers">
			<button onclick="wrong()">youthful days</button>
			<button onclick="wrong()">Brand New Planet</button>
			<button onclick="correct()">Nerawareta Machi</button>
			<button onclick="wrong()">しるし</button>
		</div>
		<div class="question">7. Kirei na (?):</div>
		<div class="answers">
			<button onclick="wrong()">365日</button>
			<button onclick="correct()">HANABI</button>
			<button onclick="wrong()">NOT FOUND</button>
			<button onclick="wrong()">Starting Over</button>
		</div>
		<div class="question">8. Yesterday and (?):</div>
		<div class="answers">
			<button onclick="wrong()">youthful days</button>
			<button onclick="correct()">HANABI</button>
			<button onclick="wrong()">innocent world</button>
			<button onclick="wrong()">NOT FOUND</button>
		</div>
		<div class="question">9. Namida no (?) single:</div>
		<div class="answers">
			<button onclick="correct()">HANABI</button>
			<button onclick="wrong()">君がいた夏</button>
			<button onclick="wrong()">Alive</button>
			<button onclick="wrong()">Kurumi</button>
		</div>
		<div class="question">10. Hoshi (?) no uta:</div>
		<div class="answers">
			<button onclick="wrong()">HANABI</button>
			<button onclick="wrong()">Nishi e Higashi e</button>
			<button onclick="correct()">君が好き</button>
			<button onclick="wrong()">Notteke</button>
		</div>
		<div class="result">
			You got <span id="score"></span> out of 10! (Thanks for playing!)
		</div>
	</div>
	<script type="text/javascript">
		var score = 0;
		function correct() {
			score++;
			next();
		}
		function wrong() {
			next();
		}
		function next() {
			if(score == 10) {
				document.getElementById("quiz").style.display = "none";
				document.getElementById("score").innerHTML = score;
				document.getElementsByClassName("result")[0].style.display = "block";
			}
			else {
				var questions = document.getElementsByClassName("question");
				var cur_question = questions[score];
				for(var i = 0; i < questions.length; i++) {
					questions[i].style.display = "none";
				}
				cur_question.style.display = "block";
			}
		}
	</script>
</body>
</html>