QuizMaker

//------------------------------------スタート
Sflag = false
function Start(){
	if(Sflag) return
	Sflag = true//Start stopper
	Aflag = false//Ans stopper
	Mcnt = 0//問題の番号
	Ocnt = 0//全問での正解数
	Tcnt = 0//10問ごとの正解数
	Mrr = RanNum(0,Q.length-1)
	Next()
}

//------------------------------------問題と答えを表示
function Next(){
	if(Mcnt%10==0 && Mcnt>0){//10問終了時
		Msg = "この10 問の正解率は "+Tcnt/10*100+"% です。\n　\n"
		if(Tcnt>6) Msg += "凄いですね！"
		else Msg += "う～ん... 頑張りましょう！"
		alert(Msg)
		Tcnt = 0
	}
	if(Mcnt==Q.length){//全問終了時
		Sflag = false
		Aflag = true
		Sen = Math.round(Ocnt/Mcnt*100)
		Msg = "問題は全て終了しました。\n　\n"//\n　\nで一行あきになる
		Msg += "正解率は "+Sen+"% です。\n　\n"
		if(Sen>=70) Msg += "素晴らしいっ！\n　\n"
		else Msg += "ちょっと勉強不足です！\n　\n"
		Msg += "再挑戦する場合はSTARTを押して下さい。"
		alert(Msg)
		return
	}

Mn = Mrr[Mcnt]//Mcntにすると順番通りに出題される

Qstr = '<div class="Qui">'+Q[Mn]+'</div>'
	LayOutput("Lay1",Qstr)//問題を表示

Krr = RanNum(0,A[Mn].length-1)//答え用のランダムな数列
	Astr = '<table border=0 cellspacing=4 cellpadding=6><tr>'
	for(i=0;i<A[Mn].length;i++){//答えを並べる
		Astr += '<td bgcolor="darkblue" class="Ans">'
		Astr += '<a href="JavaScript:Ans('+Krr[i]+')">'+A[Mn][Krr[i]]+'</a></td>'
	}
	Astr += '</td></tr></table> '
	LayOutput("Lay2",Astr)//答えを表示

Mcnt++//Mcnt = (Mcnt+1)%Q.lengthにするとエンドレスになる
}

//-------------------------答えを選ぶ
function Ans(n){
	if(Aflag) return
	if(n==0) {
		Ocnt++//全体の正解数
		Tcnt++//10問ごとの正解数
	}
	else alert("間違いです!\n　\n正解は「"+A[Mn][0]+"」です。")
	Next()
}

//-------------------------●ランダムな数列を作る
function RanNum(F,T){
	Arr = new Array()//基本の数列 F～T
	for (i=0 ; i<(T-F+1) ; i++) Arr[i] = i+F
	Brr = new Array()//ランダムな数列
	for (i=0 ; i<(T-F+1) ; i++){
		Rnum = Math.floor(Math.random()*Arr.length)
		Brr[i] = Arr[Rnum] 
		Arr1 = Arr.slice(0,Rnum)//配列を一部分抜き出す
		Arr2 = Arr.slice(Rnum+1,Arr.length)
		Arr = Arr1.concat(Arr2)//配列を連結
	}
	return Brr
}

//-------------------------●レイヤー内に出力する
function LayOutput(Lay,msg) {
	if(document.getElementById) { //IE5 NN6 Mozilla用
		document.getElementById(Lay).innerHTML = msg
	} else if(document.all) { //IE4用
		document.all(Lay).innerHTML = msg
	} else if(document.layers) { //NN4用
 		with(document.layers[Lay].document) {
	 		open()
			write(msg)
	 		close()
		}
	}
}

//-------------------------●for Netscape4
function NcReload(){window.document.location.reload()}
if(document.layers) window.onresize = NcReload

//-->
</script>

input{ font-size:12px }
body{ background:#ffffff; margin:40 0 0 50 }

A{ TEXT-DECORATION: none}
A:LINK{ COLOR: white }
A:HOVER{ COLOR: orange }
A:ACTIVE{ COLOR: red }
A:VISITED{ COLOR: white }

#Lay1{ position:absolute; left:50px; top:50px; z-index:1 }
#Lay2{ position:absolute; left:46px; top:150px; z-index:2 }
//-->
</style>
</head>

<form name="form0">
<input type="button" value="Start" onClick="Start()">　
<br><br>
<div class="f10">
START を押すとクイズがスタートします。<br>
正しいと思うものをクリックしてください。<br>
まちがっていれば正解を表示します。<br>
10 問終了時と最後に正解率が出ます。<br>
</div>
</form>

<div id="Lay1"><span class="Tit">QUIZ</span></div>
<div id="Lay2"></div>
</body>
</html>