Newer
Older
2019-Onodera / quiz2.html
@koeki-soturon koeki-soturon on 21 Mar 2020 3 KB quiz
<!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>