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

No:1033

134

←

Prev Next

→

An interesting three-choice quiz game in which AI ..ALL
Developer User3212｜Date and time 23/6/18 0:22:04
Build time 40.818 sec｜Game capacity 3.516KB｜

Script

3択クイズゲーム

このアプリは、3つの質問があり、それらに対する3つの答えがあります。スマートフォンでも簡単に操作でき、選択肢のテキストには絵文字が多用されています。正解すると、🎉という絵文字が表示されます。ゲームが終了すると、スコアが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>3択クイズ</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-family: sans-serif;
			text-align: center;
		}
		h1 {
			font-size: 2em;
			margin-top: 1em;
		}
		p {
			font-size: 1.2em;
		}
		button {
			display: block;
			margin: 0 auto;
			padding: 0.5em 1em;
			font-size: 1.2em;
			border: none;
			background-color: #ffcc33;
			color: #333;
			border-radius: 5px;
			box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
			cursor: pointer;
		}
		button:hover {
			background-color: #ffbb00;
		}
		#question {
			font-size: 1.5em;
			margin-top: 2em;
		}
		#result {
			font-size: 1.2em;
			margin-top: 1em;
			font-weight: bold;
		}
	</style>
	<script>
		var questions = [
			{ 
				question: "日本の首都は？", 
				choices: ["東京", "大阪", "京都"], 
				correct: 0 
			},
			{ 
				question: "米国の大統領に就任した日本人は？", 
				choices: ["小泉純一郎", "アーノルド・シュワルツェネッガー", "山崎拓"], 
				correct: 1 
			},
			{ 
				question: "地球の公転周期は？", 
				choices: ["1日", "1カ月", "1年"], 
				correct: 2 
			}
		];
		var currentIndex = 0;
		var score = 0;

function showQuestion() {
			var question = questions[currentIndex];
			document.querySelector('#question').textContent = question.question;
			document.querySelector('#answer1').textContent = question.choices[0];
			document.querySelector('#answer2').textContent = question.choices[1];
			document.querySelector('#answer3').textContent = question.choices[2];
			document.querySelector('#result').textContent = '';
		}

このアプリは、3つの質問があり、それらに対する3つの答えがあります。 スマートフォンでも簡単に操作でき、選択肢のテキストには絵文字が多用されています。 正解すると、🎉という絵文字が表示されます。 ゲームが終了すると、スコアが表示されます。