<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ガンダムクイズ V2</title>
<style>
body {
font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
background-color: #f0f2f5;
color: #333;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
padding: 20px 0;
}
#quiz-container {
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
width: 90%;
max-width: 600px;
padding: 20px 30px;
text-align: center;
}
h1 {
font-size: 24px;
color: #c62828; /* V2のテーマカラーを赤系に */
margin-bottom: 20px;
}
#question-area {
margin-bottom: 20px;
}
#question-number {
font-size: 18px;
font-weight: bold;
color: #d32f2f;
}
#question {
font-size: 20px;
min-height: 50px;
margin: 10px 0;
line-height: 1.5;
}
#options {
display: flex;
flex-direction: column;
gap: 12px;
}
.option {
background-color: #e53935;
color: white;
border: none;
border-radius: 8px;
padding: 15px;
font-size: 18px;
cursor: pointer;
transition: background-color 0.3s, transform 0.1s;
}
.option:hover {
background-color: #b71c1c;
}
.option:active {
transform: scale(0.98);
}
.option.disabled {
pointer-events: none;
opacity: 0.7;
}
.option.correct {
background-color: #2e7d32; /* 正解の色 */
}
.option.incorrect {
background-color: #616161; /* 不正解の色 */
}
#timer-area {
margin-top: 20px;
font-size: 28px;
font-weight: bold;
color: #d32f2f;
}
#result-area {
display: none;
}
#result-area h2 {
font-size: 28px;
color: #c62828;
}
#score {
font-size: 36px;
font-weight: bold;
color: #d32f2f;
margin: 10px 0 20px;
}
#restart-button {
background-color: #43a047;
color: white;
border: none;
border-radius: 8px;
padding: 15px 30px;
font-size: 18px;
cursor: pointer;
transition: background-color 0.3s;
}
#restart-button:hover {
background-color: #2e7d32;
}
</style>
</head>
<body>
<div id="quiz-container">
<h1>ガンダムクイズ V2 ⚡</h1>
<div id="quiz-area">
<div id="question-area">
<p id="question-number"></p>
<p id="question"></p>
</div>
<div id="options">
<button class="option"></button>
<button class="option"></button>
<button class="option"></button>
</div>
<div id="timer-area">
残り時間: <span id="timer">5</span>秒
</div>
</div>
<div id="result-area">
<h2>クイズ終了！</h2>
<p>あなたのスコアは...</p>
<p id="score"></p>
<button id="restart-button">もう一度挑戦する</button>
</div>
</div>
<script>
// --- 問題データベース (ここを編集・追加できます) ---
const allQuizData = [
// 初代ガンダム
{ question: "アムロ・レイが最初に乗ったガンダムの型式番号は？", options: ["RX-78-2", "RX-77-2", "RX-75-4"], answer: 0 },
{ question: "シャア・アズナブルの有名なセリフ「坊やだからさ」は誰に対して言った？", options: ["ララァ・スン", "ガルマ・ザビ", "セイラ・マス"], answer: 1 },
{ question: "地球連邦軍の拠点ジャブローがある大陸は？", options: ["アフリカ大陸", "オーストラリア大陸", "南米大陸"], answer: 2 },
{ question: "「ザクとは違うのだよ、ザクとは！」というセリフを発した人物は？", options: ["ドズル・ザビ", "ランバ・ラル", "マ・クベ"], answer: 1 },
{ question: "ホワイトベースの初代艦長は誰？", options: ["ブライト・ノア", "パオロ・カシアス", "ヘンケン・ベッケナー"], answer: 1 },
{ question: "ガンダムの主兵装であるビーム・ライフルのエネルギー源は？", options: ["核融合炉直結", "Eパック（エネルギーパック）", "ミノフスキー粒子"], answer: 1 },
{ question: "黒い三連星が得意とする攻撃フォーメーション名は？", options: ["トリプル・ドム・アタック", "ジェット・ストリーム・アタック", "マチルダさん救出作戦"], answer: 1 },
{ question: "アムロが「親父にもぶたれたことないのに！」と言ったのは誰に殴られた後？", options: ["リュウ・ホセイ", "カイ・シデン", "ブライト・ノア"], answer: 2 },
{ question: "ジオン公国の最高指導者は誰？", options: ["ギレン・ザビ", "デギン・ソド・ザビ", "キシリア・ザビ"], answer: 1 },
{ question: "ラストシューティングで破壊されたジオン軍のモビルアーマーは？", options: ["ビグ・ザム", "エルメス", "ジオング"], answer: 2 },
{ question: "ガンダムの装甲材質として使われている合金は？", options: ["ガンダリウム合金", "チタン合金セラミック複合材", "ネオ・チタニム合金"], answer: 0 },
{ question: "ジオン公国が開発した世界初の量産型モビルスーツは？", options: ["ザクI", "ザクII", "グフ"], answer: 1 },
// Zガンダム
{ question: "『機動戦士Zガンダム』の主人公は誰？", options: ["アムロ・レイ", "カミーユ・ビダン", "ジュドー・アーシタ"], answer: 1 },
{ question: "カミーユ・ビダンが設計に関わった可変モビルスーツは？", options: ["百式", "Zガンダム", "ガンダムMk-II"], answer: 1 },
{ question: "ティターンズを組織し、指導した人物は？", options: ["ジャミトフ・ハイマン", "バスク・オム", "パプテマス・シロッコ"], answer: 0 },
{ question: "クワトロ・バジーナの正体は？", options: ["アムロ・レイ", "シャア・アズナブル", "ブライト・ノア"], answer: 1 },
{ question: "グリプス戦役でエゥーゴが使用した、コロニーレーザーの名称は？", options: ["ソーラ・レイ", "グリプス2", "ジェネシス"], answer: 1 },
{ question: "パプテマス・シロッコが搭乗した最後の機体は？", options: ["ジ・O", "パラス・アテネ", "メッサーラ"], answer: 0 },
// ZZガンダム
{ question: "『機動戦士ガンダムZZ』の主人公は誰？", options: ["カミーユ・ビダン", "ジュドー・アーシタ", "バナージ・リンクス"], answer: 1 },
{ question: "ジュドー・アーシタが仲間たちと結成したチーム名は？", options: ["ガンダム・チーム", "シャングリラ・チルドレン", "Zガンダム隊"], answer: 0 },
// 逆襲のシャア
{ question: "『逆襲のシャア』でアムロ・レイが搭乗した機体は？", options: ["Ζガンダム", "νガンダム", "Hi-νガンダム"], answer: 1 },
{ question: "『逆襲のシャア』でシャアが総帥を務める組織は？", options: ["ジオン公国", "ティターンズ", "ネオ・ジオン"], answer: 2 },
{ question: "地球に落下する小惑星アクシズを押し返した現象を何と呼ぶ？", options: ["アクシズ・プッシュ", "サイコフレームの共振", "アクシズ・ショック"], answer: 2 },
// ポケットの中の戦争
{ question: "『0080 ポケットの中の戦争』の主人公の少年は？", options: ["アルフレッド・イズルハ", "バーナード・ワイズマン", "クリスチーナ・マッケンジー"], answer: 0 },
// STARDUST MEMORY
{ question: "『0083 STARDUST MEMORY』で「ソロモンの悪夢」と呼ばれたエースパイロットは？", options: ["アナベル・ガトー", "コウ・ウラキ", "シーマ・ガラハウ"], answer: 0 },
{ question: "デラーズ・フリートが実行した作戦名は？", options: ["星の屑作戦", "ブリティッシュ作戦", "ルウム戦役"], answer: 0 },
// F91
{ question: "『機動戦士ガンダムF91』の主人公は？", options: ["シーブック・アノー", "トビア・アロナクス", "ザビーネ・シャル"], answer: 0 },
// Vガンダム
{ question: "『機動戦士Vガンダム』の主人公、ウッソ・エヴィンの年齢は？", options: ["13歳", "15歳", "17歳"], answer: 0 },
// Gガンダム
{ question: "『機動武闘伝Gガンダム』で、ガンダムファイトが開催される周期は？", options: ["毎年", "2年に1度", "4年に1度"], answer: 2 },
{ question: "主人公ドモン・カッシュが探し求める兄の名前は？", options: ["キョウジ・カッシュ", "シュウジ・カッシュ", "ライゾウ・カッシュ"], answer: 0 },
// Wガンダム
{ question: "『新機動戦記ガンダムW』でコロニー側が実行した地球への奇襲作戦名は？", options: ["オペレーション・デイブレイク", "オペレーション・メテオ", "オペレーション・スターダスト"], answer: 1 },
{ question: "ヒイロ・ユイの有名なセリフ「お前を殺す」を最初に言われた相手は？", options: ["ゼクス・マーキス", "トレーズ・クシュリナーダ", "リリーナ・ドーリアン"], answer: 2 },
// Xガンダム
{ question: "『機動新世紀ガンダムX』の主人公ガロード・ランが偶然乗り込んだ機体は？", options: ["ガンダムダブルエックス", "ガンダムエアマスター", "ガンダムエックス"], answer: 2 },
// ∀ガンダム
{ question: "『∀ガンダム』の主役機「∀ガンダム」のパイロットは？", options: ["ロラン・セアック", "ハリー・オード", "ギム・ギンガナム"], answer: 0 },
// SEED
{ question: "『機動戦士ガンダムSEED』の主人公は？", options: ["アスラン・ザラ", "キラ・ヤマト", "シン・アスカ"], answer: 1 },
{ question: "遺伝子操作を受けていない人間を指す言葉は？", options: ["コーディネイター", "エクステンデット", "ナチュラル"], answer: 2 },
{ question: "キラ・ヤマトが最初に搭乗したガンダムは？", options: ["フリーダム", "ストライク", "エールストライク"], answer: 1 },
// 00
{ question: "『機動戦士ガンダム00』で武力介入を行う私設武装組織は？", options: ["ソレスタルビーイング", "アロウズ", "リガ・ミリティア"], answer: 0 },
{ question: "刹那・F・セイエイが発する決め台詞は？", options: ["俺がガンダムだ", "目標を駆逐する", "これが俺の答えだ"], answer: 0 },
{ question: "ガンダムマイスターたちが使用するモビルスーツの動力源は？", options: ["GNドライヴ", "エイハブ・リアクター", "核エンジン"], answer: 0 },
// 鉄血のオルフェンズ
{ question: "『鉄血のオルフェンズ』の主人公、三日月・オーガスが所属する組織は？", options: ["ギャラルホルン", "鉄華団", "ブルワーズ"], answer: 1 },
{ question: "三日月・オーガスが搭乗するガンダム・フレームの機体名は？", options: ["バルバトス", "グシオン", "キマリス"], answer: 0 },
{ question: "阿頼耶識（あらやしき）システムとは、何と何を接続するシステム？", options: ["MSとパイロットの脳", "MSと宇宙戦艦", "パイロットとパイロット"], answer: 0 },
// 水星の魔女
{ question: "『水星の魔女』の主人公の名前は？", options: ["ミオリネ・レンブラン", "スレッタ・マーキュリー", "チュアチュリー・パンランチ"], answer: 1 },
{ question: "スレッタの母親の名前は？", options: ["プロスペラ", "カルド・ナボ", "ベルメリア・ウィンストン"], answer: 0 },
{ question: "株式会社ガンダムが提唱するGUND技術の理念は？", options: ["兵器としての応用", "宇宙進出の推進", "医療への応用"], answer: 2 },
// この下に問題を追加できます。全部で100問用意しました。
{ question: "『UC』でバナージ・リンクスが搭乗するユニコーンガンダムの最大の特徴は？", options: ["デストロイモード", "トランザム", "サイコミュ・ジャック"], answer: 0 },
{ question: "『UC』に登場するフル・フロンタルの搭乗機は？", options: ["クシャトリヤ", "シナンジュ", "ローゼン・ズール"], answer: 1 },
{ question: "シャアが搭乗したことのないモビルスーツは？", options: ["ジオング", "サザビー", "キュベレイ"], answer: 2 },
{ question: "ランバ・ラル隊が使用したモビルスーツでないものは？", options: ["グフ", "ザクI", "ドム"], answer: 2 },
{ question: "『Zガンダム』でアムロ・レイが主に搭乗したモビルスーツは？", options: ["ディジェ", "リック・ディアス", "Ζプラス"], answer: 0 },
{ question: "ハマーン・カーンが搭乗するキュベレイに搭載されている遠隔操作兵器は？", options: ["インコム", "ビット", "ファンネル"], answer: 2 },
{ question: "『ZZガンダム』でZZガンダムの頭部に搭載されている高出力のビーム砲は？", options: ["ハイパー・メガ・カノン", "ハイ・メガ・キャノン", "ハイパー・メガ・ランチャー"], answer: 1 },
{ question: "『逆襲のシャア』でギュネイ・ガスが搭乗したモビルスーツは？", options: ["ヤクト・ドーガ", "ギラ・ドーガ", "α・アジール"], answer: 0 },
{ question: "『F91』に登場するクロスボーン・バンガードの貴族主義の象徴である仮面の男は？", options: ["カロッゾ・ロナ", "ドレル・ロナ", "ザビーネ・シャル"], answer: 0 },
{ question: "『Vガンダム』に登場するザンスカール帝国がギロチンにかけることを何と呼ぶ？", options: ["浄化", "粛清", "エンジェル・ハイロゥ"], answer: 0 },
{ question: "マスター・アジアが使用する流派は？", options: ["超級覇王電影弾", "流派東方不敗", "キング・オブ・ハート"], answer: 1 },
{ question: "『ガンダムW』に登場する5機のガンダムのうち、接近戦に最も特化した機体は？", options: ["シェンロンガンダム", "ガンダムデスサイズ", "ガンダムサンドロック"], answer: 0 },
{ question: "『ガンダムX』の「サテライトシステム」を使用するために必要なものは？", options: ["ニュータイプ能力", "月", "コロニー"], answer: 1 },
{ question: "『∀ガンダム』で∀ガンダムが持つ、文明を埋葬する能力の名称は？", options: ["月光蝶", "ナノマシン", "Iフィールド"], answer: 0 },
{ question: "『SEED』でアスラン・ザラが搭乗したことがない機体は？", options: ["ジャスティス", "セイバー", "デスティニー"], answer: 2 },
{ question: "『SEED DESTINY』の主人公は？", options: ["シン・アスカ", "キラ・ヤマト", "アスラン・ザラ"], answer: 0 },
{ question: "『ガンダム00』で、ティエリア・アーデが搭乗した後継機の名前は？", options: ["ケルディムガンダム", "アリオスガンダム", "セラヴィーガンダム"], answer: 2 },
{ question: "『AGE』で三世代にわたる主人公たちの姓は？", options: ["アスノ", "アセム", "フリット"], answer: 0 },
{ question: "『鉄血のオルフェンズ』でマクギリス・ファリドが探し求めたガンダム・フレームは？", options: ["ヴィダール", "バエル", "キマリス"], answer: 1 },
{ question: "『水星の魔女』で決闘の勝者に与えられる称号は？", options: ["エラン", "ホルダー", "チャンピオン"], answer: 1 },
{ question: "一年戦争のきっかけとなった、ジオン公国によるコロニー落とし作戦名は？", options: ["チェンバロ作戦", "ブリティッシュ作戦", "ソーラ・レイ作戦"], answer: 1 },
{ question: "マ・クベがギャンでアムロと戦ったテキサスコロニーで自慢したものは？", options: ["白磁の壺", "騎士道精神", "ジオンの栄光"], answer: 0 },
{ question: "『Zガンダム』で、地球連邦軍の士官「ジェリド・メサ」が最初に発した、カミーユを怒らせた一言は？", options: ["女みたいな名前だな", "子供はどいてな", "ティターンズをなめるなよ"], answer: 0 },
{ question: "エゥーゴの支援組織である「カラバ」のリーダーは誰？", options: ["ハヤト・コバヤシ", "ベルトーチカ・イルマ", "アムロ・レイ"], answer: 0 },
{ question: "『逆襲のシャア』で、チェーン・アギがリ・ガズィに搭載しようとしたパーツは？", options: ["サイコ・フレーム", "バイオ・センサー", "マグネット・コーティング"], answer: 0 },
{ question: "『0080』で、ザクII改がアレックスを撃破するために使用した武器は？", options: ["ヒート・ホーク", "マシンガン", "ビームサーベル"], answer: 0 },
{ question: "『0083』で、ガンダム試作2号機が奪われた連邦軍の基地は？", options: ["トリントン基地", "ジャブロー基地", "ルナツー基地"], answer: 0 },
{ question: "シーマ・ガラハウが搭乗した最後のモビルアーマーは？", options: ["ノイエ・ジール", "ガーベラ・テトラ", "ヴァル・ヴァロ"], answer: 1 },
{ question: "『F91』の主題歌を歌ったアーティストは？", options: ["米米CLUB", "TM NETWORK", "森口博子"], answer: 2 },
{ question: "『Vガンダム』に登場するバイク型の戦艦の名前は？", options: ["アドラステア", "リーンホースJr.", "ガウンランド"], answer: 0 },
{ question: "『Gガンダム』のデビルガンダムが持つ自己増殖、自己再生、自己進化の3大理論を提唱したのは誰？", options: ["カッシュ博士", "ミカムラ博士", "ウルベ・イシカワ"], answer: 0 },
{ question: "『W』のガンダムパイロットのうち、サーカス団に所属していたのは？", options: ["デュオ・マックスウェル", "トロワ・バートン", "カトル・ラバーバ・ウィナー"], answer: 1 },
{ question: "『X』のヒロイン、ティファ・アディールが持つ能力は？", options: ["フラッシュシステム起動", "ニュータイプ能力", "サテライトシステム制御"], answer: 1 },
{ question: "『∀ガンダム』で、ミリシャの輸送部隊「イングレッサ・ミリシャ」のリーダーは？", options: ["シド・ムンザ", "ミハエル・ゲルン", "ギャバン・グーニー"], answer: 2 },
{ question: "『SEED』の三隻同盟の一角を担うオーブ連合首長国の戦艦の名前は？", options: ["エターナル", "アークエンジェル", "クサナギ"], answer: 2 },
{ question: "『SEED DESTINY』で、デュランダル議長が提唱した人類救済計画とは？", options: ["デスティニープラン", "ラグナロク", "エンジェル・ハイロゥ"], answer: 0 },
{ question: "『00』のソレスタルビーイングの監視者の名前は？", options: ["アレハンドロ・コーナー", "リボンズ・アルマーク", "イオリア・シュヘンベルグ"], answer: 2 },
{ question: "『鉄血のオルフェンズ』に登場する厄祭戦で開発された72機のガンダム・フレーム。その名前の由来は？", options: ["ソロモン72柱の悪魔", "タロットカード", "ギリシャ神話の神々"], answer: 0 },
{ question: "『水星の魔女』の舞台となる「アスティカシア高等専門学園」の理事長は誰？", options: ["デリング・レンブラン", "ヴィム・ジェターク", "サリウス・ゼネリ"], answer: 0 },
{ question: "ガンダムの生みの親として知られる監督は？", options: ["富野由悠季", "安彦良和", "大河原邦男"], answer: 0 },
{ question: "『閃光のハサウェイ』の主人公ハサウェイ・ノアが搭乗するガンダムは？", options: ["Ξガンダム", "ペーネロペー", "メッサー"], answer: 0 },
{ question: "ジオン公国の国名の由来となった思想家は？", options: ["ジオン・ズム・ダイクン", "デギン・ソド・ザビ", "ギレン・ザビ"], answer: 0 },
{ question: "アナハイム・エレクトロニクス社が本社を置いている場所は？", options: ["フォン・ブラウン市", "グラナダ", "サイド3"], answer: 0 },
{ question: "モビルスーツの関節部分などに施され、機体の反応速度を向上させる処理は？", options: ["マグネット・コーティング", "フィールド・モーター", "アポジ・モーター"], answer: 0 },
{ question: "『Zガンダム』で強化人間として登場したフォウ・ムラサメが搭乗したモビルアーマーは？", options: ["サイコ・ガンダム", "バウンド・ドック", "アッシマー"], answer: 0 },
{ question: "ザビ家の五人兄妹に含まれない人物は？", options: ["ミネバ・ザビ", "ガルマ・ザビ", "キシリア・ザビ"], answer: 0 },
{ question: "『08小隊』の主人公シロー・アマダが所属する部隊の正式名称は？", options: ["極東方面軍第1機械化混成大隊", "コジマ大隊", "第08MS小隊"], answer: 0 },
{ question: "宇宙世紀における通貨の単位は？", options: ["クレジット", "ギル", "キャピタル"], answer: 0 }
];
// --- ここからクイズのロジック ---
let quizData = [];
let currentQuestionIndex = 0;
let score = 0;
let timerInterval;
const TIME_LIMIT = 5; // 時間制限を5秒に設定
let timeLeft = TIME_LIMIT;
const questionNumberEl = document.getElementById('question-number');
const questionEl = document.getElementById('question');
const optionButtons = document.querySelectorAll('.option');
const timerEl = document.getElementById('timer');
const quizAreaEl = document.getElementById('quiz-area');
const resultAreaEl = document.getElementById('result-area');
const scoreEl = document.getElementById('score');
const restartButton = document.getElementById('restart-button');
// 配列をシャッフルする関数 (Fisher-Yatesアルゴリズム)
function shuffleArray(array) {
const newArray = [...array]; // 元の配列を壊さないようにコピーを作成
for (let i = newArray.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[newArray[i], newArray[j]] = [newArray[j], newArray[i]];
}
return newArray;
}
function startQuiz() {
// 全問題リストをシャッフルし、先頭10問を取得
quizData = shuffleArray(allQuizData).slice(0, 10);
currentQuestionIndex = 0;
score = 0;
quizAreaEl.style.display = 'block';
resultAreaEl.style.display = 'none';
showQuestion();
}
function showQuestion() {
if (currentQuestionIndex >= quizData.length) {
showResult();
return;
}
// 前の問題のスタイルをリセット
optionButtons.forEach(button => {
button.className = 'option';
});
const currentQuestion = quizData[currentQuestionIndex];
questionNumberEl.textContent = `第 ${currentQuestionIndex + 1} 問`;
questionEl.textContent = currentQuestion.question;
currentQuestion.options.forEach((option, index) => {
optionButtons[index].textContent = option;
optionButtons[index].disabled = false;
});
startTimer();
}
function startTimer() {
timeLeft = TIME_LIMIT;
timerEl.textContent = timeLeft;
clearInterval(timerInterval);
timerInterval = setInterval(() => {
timeLeft--;
timerEl.textContent = timeLeft;
if (timeLeft <= 0) {
clearInterval(timerInterval);
handleAnswer(-1); // 時間切れは不正解扱い
}
}, 1000);
}
function handleAnswer(selectedIndex) {
clearInterval(timerInterval);
const correctIndex = quizData[currentQuestionIndex].answer;
// ボタンを無効化
optionButtons.forEach(button => {
button.disabled = true;
});
if (selectedIndex === correctIndex) {
score++;
if(selectedIndex !== -1) {
optionButtons[selectedIndex].classList.add('correct');
}
} else {
if(selectedIndex !== -1) {
optionButtons[selectedIndex].classList.add('incorrect');
}
// 正解を表示
optionButtons[correctIndex].classList.add('correct');
}
// 1.5秒後に次の問題へ
setTimeout(() => {
currentQuestionIndex++;
showQuestion();
}, 1500);
}
function showResult() {
clearInterval(timerInterval);
quizAreaEl.style.display = 'none';
resultAreaEl.style.display = 'block';
scoreEl.textContent = `${score} / ${quizData.length} 問正解`;
}
// イベントリスナーを設定
optionButtons.forEach((button, index) => {
button.addEventListener('click', () => handleAnswer(index));
});
restartButton.addEventListener('click', startQuiz);
// クイズを開始
startQuiz();
</script>
</body>
</html>
使用変数
| allQuizData | |
| button | |
| charset | |
| class | |
| className | |
| content | |
| correctIndex | |
| currentQuestion | |
| disabled | |
| display | |
| handleAnswer -------( Function ) | |
| i | |
| id | |
| j | |
| lang | |
| name | |
| newArray | |
| optionButtons | |
| questionEl | |
| questionNumberEl | |
| quizAreaEl | |
| quizData | |
| restartButton | |
| resultAreaEl | |
| rrentQuestionIndex | |
| scale | |
| score | |
| scoreEl | |
| selectedIndex | |
| showQuestion -------( Function ) | |
| showResult -------( Function ) | |
| shuffleArray -------( Function ) | |
| startQuiz -------( Function ) | |
| startTimer -------( Function ) | |
| textContent | |
| timeLeft | |
| timerEl | |
| timerInterval | |
| TIME_LIMIT | |
| width |