<!DOCTYPE html> <html> <head> <meta content="charset=shift_jis"> <title>NIHONSHI QUIZ</title> <script type="text/javascript"> //出題数を設定 var q_num=5; //問題カウンタ var cnt=0; //正解数を入れる変数 var pnt=0; //クイズの問題を入れる配列 var quiz=new Array(); //初級問題 quiz[0]=[ [" 鎌倉時代が成立した時代は? A:1085年 B:1192年 C:1185年","C"], ["ポルトガルから伝来したのは? A:蒸気船 B:鉄砲 C:仏教","7"], ["17条の憲法を作った人は? A:聖徳太子 B:山上憶良 C:藤原鎌足","A"], ["日本を開国した国は? A:イギリス B:アメリカ C:オランダ","B"], ["1964年にオリンピックが開催された場所は? A:東京 B:長野 C:札幌","A"] ]; //中級問題 quiz[1]=[ ["三種の神器は剣,勾玉,あとひとつは? A:盾 B:鏡 C:埴輪","B"], ["鎌倉時代に日本を襲った元の国はどこ? A:中国 B:ロシア C:モンゴル ","C"], ["室町時代の代表的な建造物はどれ? A:仁王像 B:金閣寺 C:浮世絵","B"], ["日本の貿易の窓口だった出島はどこ? A:長崎 B:長野 C:大阪","A"], ["1972年にアメリカから返された県は? A:鹿児島 B:高知 C:沖縄","C"] ]; //上級問題 quiz[2]=[ ["大森貝塚から発掘されたのは? A:埴輪 B:縄文土器 C:矢尻が刺さった人骨","B"], ["紀貫之の作品は? A:土佐日記 B:更級日記 C:吾妻鏡","A"], ["長篠の戦いが起きた年は? A:1555年 B:1560年 C:1575年","15"], ["徳川吉宗の起こした改革は? A:寛政の改革 B:享保の改革 C:天保の改革","20"], ["戦後の3C カラーテレビ,クーラー,あと一つは? A:カメラ B:コンピューター C:自動車","25"] ]; //出題問題を入れる配列 var ques=new Array(); //関数 startQuiz の定義 function startQuiz(n){ //出題問題を作成 for(var i=0; i<q_num; i++){ var r=Math.floor(Math.random()*quiz[n].length); ques[i]=quiz[n].splice(r,1)[0]; } //問題を表示 document.getElementById("sentaku").style.display="none"; document.getElementById("mondai").style.display="block"; document.getElementById("toi").innerHTML=ques[cnt][0]; } //関数 judgeQuiz の定義 function judgeQuiz(){ if(document.getElementById("kai").value==ques[cnt][1]){ alert("正解!"); pnt++; }else{ alert("残念!\n正解は→" +ques[cnt][1]); } document.getElementById("kai").value=""; if(cnt<q_num-1){ cnt++; document.getElementById("toi").innerHTML=ques[cnt][0]; }else{ document.getElementById("mondai").style.display="none"; document.getElementById("owari").style.display="block"; document.getElementById("ten").innerHTML ="得点は " +Math.round(100*pnt/q_num)+ " 点です。"; } } </script> </head> <body> <div id="sentaku"> <p>~英語クイズ~</p> ◎難易度を選択→ <button onclick="startQuiz(0)">初級</button> <button onclick="startQuiz(1)">中級</button> <button onclick="startQuiz(2)">上級</button> </div> <div id="mondai" style="display:none;"> <p>◎問題</p> <p id="toi"></p> <p> <input size="5" id="kai"> <button onclick="judgeQuiz()">OK</button> </p> </div> <div id="owari" style="display:none;"> <p>◎終了</p> <p id="ten"></p> <button onclick="location.reload()">リトライ</button> </div> </body> </html>