クイズ・ラジオでポン
3択クイズゲーム。全問正解するとひみつのページへジャンプできます。
目次に戻る

● 設置例

que1 ピカチュウは電気○○?
ねずみ  ねこ  うさぎ

que2 埼玉県内の市でないのは?
春日部  秩父  町田

que3 パラボラアンテナの「パラボラ」とはどういう意味?
双曲線  放物線  直線

que4 SMAPのメンバーでないのは?
木村  仲居  香取

que5 「強か」はなんと読む?
したたか  はるか  いか

que6 HTMLタグの色指定。赤い色はどれ?
#ff0000  #00ff00  #0000ff

que7 清水寺を建てたのは?
最澄  坂上田村麻呂  一級建築士

que8 石灰水に息を吹き込むと白くにごりますが、その後もしつこく息を吹き込みつづけると……
白い固体になり沈殿する  透明に戻る  もちろん大爆発

que9 一つの外角が30°である正多角形は次のうちどれか。
正三角形  正八角形  正十二角形

que10 日本国内でユーザーが最も多いブラウザは?
IE  NN  ドリームパスポート


3択のクイズゲームです。もちろん問題の内容は変更可。
ラジオボタンをチェックして答えを選択し、「採点」を押すと点数を表示します(答えは表示されません)。
100点を取るとひみつのページにジャンプします。


●ソース
1・JavaScript

<script type="text/javascript">
<!--
function saiten(){
	var point=0;	// 点数
	var max=100;	// 満点

	if(document.quiz.a[0].checked){point+=10;}
	if(document.quiz.b[2].checked){point+=10;}
	if(document.quiz.c[1].checked){point+=10;}
	if(document.quiz.d[1].checked){point+=10;}
	if(document.quiz.e[0].checked){point+=10;}
	if(document.quiz.f[0].checked){point+=10;}
	if(document.quiz.g[1].checked){point+=10;}
	if(document.quiz.h[1].checked){point+=10;}
	if(document.quiz.i[2].checked){point+=10;}
	if(document.quiz.j[0].checked){point+=10;}

	if(point==max){
		alert(""+max+"点です。\nおめでとうございます。満点です。\n秘密のページにご招待。");
		location.href="himitu.htm";
	}
	else{alert(""+point+"点です。\n残念。またチャレンジしてね。");}
	

	// チェックを初期状態に戻します
	// いらなきゃ削除してもOK
	document.quiz.a[0].checked=true;
	document.quiz.b[0].checked=true;
	document.quiz.c[0].checked=true;
	document.quiz.d[0].checked=true;
	document.quiz.e[0].checked=true;
	document.quiz.f[0].checked=true;
	document.quiz.g[0].checked=true;
	document.quiz.h[0].checked=true;
	document.quiz.i[0].checked=true;
	document.quiz.j[0].checked=true;
}
//-->
</script>


2・フォーム
<form name="quiz">
<P>que1 ピカチュウは電気○○?
<BR><input type=radio name="a" checked>ねずみ
 <input type=radio name="a">ねこ
 <input type=radio name="a">うさぎ
<P>que2 埼玉県内の市でないのは?
<BR><input type=radio name="b" checked>春日部
 <input type=radio name="b">秩父
 <input type=radio name="b">町田
<P>que3 パラボラアンテナの「パラボラ」とはどういう意味?
<BR><input type=radio name="c" checked>双曲線
 <input type=radio name="c">放物線
 <input type=radio name="c">直線
<P>que4 SMAPのメンバーでないのは?
<BR><input type=radio name="d" checked>木村
 <input type=radio name="d">仲居
 <input type=radio name="d">香取
<P>que5 「強か」はなんと読む?
<BR><input type=radio name="e" checked>したたか
 <input type=radio name="e">はるか
 <input type=radio name="e">いか
<P>que6 HTMLタグの色指定。赤い色はどれ?
<BR><input type=radio name="f" checked>#ff0000
 <input type=radio name="f">#00ff00
 <input type=radio name="f">#0000ff
<P>que7 清水寺を建てたのは?
<BR><input type=radio name="g" checked>最澄
 <input type=radio name="g">坂上田村麻呂
 <input type=radio name="g">一級建築士
<P>que8 石灰水に息を吹き込むと白くにごりますが、その後もしつこく息を吹き込みつづけると……
<BR><input type=radio name="h" checked>白い固体になり沈殿する
 <input type=radio name="h">透明に戻る
 <input type=radio name="h">もちろん大爆発
<P>que9 一つの外角が30°である正多角形は次のうちどれか。
<BR><input type=radio name="i" checked>正三角形
 <input type=radio name="i">正八角形
 <input type=radio name="i">正十二角形
<P>que10 日本国内でユーザーが最も多いブラウザは?
<BR><input type=radio name="j" checked>IE
 <input type=radio name="j">NN
 <input type=radio name="j">ドリームパスポート
<P><input type=button value=" 採点 " onClick="saiten()">
</form>


●設置方法
(1) 上記の1・JavaScriptをHTMLソース内<head>〜</head>に、2・フォームを<body>〜</body>に貼り付けてください。
(2) ラジオボタンのところの問題を書き換えます
(3) 7〜16行目の
  if(document.quiz.a[ここ].checked){point+=10;}
  が正解番号なので、自分の作った問題の正解番号に書き換えます。
(4) 20行目
  location.href="himitu.htm";
  100点だったときに飛ぶURLを書き換えます。


● もっと細かく変更
7行目〜15行目
if(document.(フォームの名前).(ラジオボタンの名前)[(正解番号)].checked){point+=(配点);}
配点の重みはここで変えられます。

点数によりメッセージを分岐させたいなら、↓の行を
else{alert(""+point+"点です。\n残念。またチャレンジしてね。");}

↓こんな感じに書き換えます。
else if(point>0 && point<19){alert(""+point+"点です。\nぜんぜん");}
else if(point>20 && point<39){alert(""+point+"点です。\nまだまだ");}
else if(point>40 && point<59){alert(""+point+"点です。\nまあまあ");}
else if(point>60 && point<79){alert(""+point+"点です。\nなかなか");}
else if(point>80 && point<99){alert(""+point+"点です。\nあと一歩");}


目次に戻る