アラートで簡単なクイズを作ろう(4回の質問)
4回の質問に [OK] か [キャンセル] で選んでもらうと、16の答えにたどり着きます。
質問の表
答え8       答え7
答え4 質問11 スタート 質問10 答え3
答え2 質問9 質問5 質問3 質問1 質問2 質問4 質問8 答え1
答え6 答え5
答え10 質問13 質問7 質問6 質問12 答え9
答え12 答え11
答え14 質問15 質問14 答え13
     
答え16 答え15
OKを押した時は青い矢印へ、キャンセルを押した時は赤い矢印に進みます。
ソース
<html>
<head>
<title>アラートで簡単なクイズを作ろう</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function dialog1(){
flag=confirm("質問1です・・・OKなら質問2、キャンセルなら質問3を表示します");
if(flag) dialog2();
else dialog3();
}
function dialog2(){
flag=confirm("質問2です・・・OKなら質問4、キャンセルなら質問6を表示します");
if(flag) dialog4();
else dialog6();
}
function dialog3(){
flag=confirm("質問3です・・・OKなら質問5、キャンセルなら質問7を表示します");
if(flag) dialog5();
else dialog7();
}
function dialog4(){
flag=confirm("質問4です・・・OKなら質問8、キャンセルなら質問10を表示します");
if(flag) dialog8();
else dialog10();
}
function dialog5(){
flag=confirm("質問5です・・・OKなら質問9、キャンセルなら質問11を表示します");
if(flag) dialog9();
else dialog11();
}
function dialog6(){
flag=confirm("質問6です・・・OKなら質問12、キャンセルなら質問14を表示します");
if(flag) dialog12();
else dialog14();
}
function dialog7(){
flag=confirm("質問7です・・・OKなら質問13、キャンセルなら質問15を表示します");
if(flag) dialog13();
else dialog15();
}
function dialog8(){
flag=confirm("質問8です・・・OKなら答え1、キャンセルなら答え5を表示します");
if(flag) alert("答え1です");
else alert("答え5です");
}
function dialog9(){
flag=confirm("質問9です・・・OKなら答え2、キャンセルなら答え6を表示します");
if(flag) alert("答え2です");
else alert("答え6です");
}
function dialog10(){
flag=confirm("質問10です・・・OKなら答え3、キャンセルなら答え7を表示します");
if(flag) alert("答え3です");
else alert("答え7です");
}
function dialog11(){
flag=confirm("質問11です・・・OKなら答え4、キャンセルなら答え8を表示します");
if(flag) alert("答え4です");
else alert("答え8です");
}
function dialog12(){
flag=confirm("質問12です・・・OKなら答え9、キャンセルなら答え11を表示します");
if(flag) alert("答え9です");
else alert("答え11です");
}
function dialog13(){
flag=confirm("質問13です・・・OKなら答え10、キャンセルなら答え12を表示します");
if(flag) alert("答え10です");
else alert("答え12です");
}
function dialog14(){
flag=confirm("質問14です・・・OKなら答え13、キャンセルなら答え15を表示します");
if(flag) alert("答え13です");
else alert("答え15です");
}
function dialog15(){
flag=confirm("質問15です・・・OKなら答え14、キャンセルなら答え16を表示します");
if(flag) alert("答え14です");
else alert("答え16です");
}
//-->
</SCRIPT>
</head>
<body>
<FORM>
<INPUT type="button" value="クイズ" onClick="dialog1()">
</FORM>
</body> 
</html>
JavaScript GarageのTopへ戻る