| アラートで簡単なクイズを作ろう（４回の質問） |
|
|
| ４回の質問に [OK] か [キャンセル] で選んでもらうと、１６の答えにたどり着きます。 |
|
|
 |
| 質問の表 |
|
|
|
|
答え８ |
|
|
|
|
|
|
|
答え７ |
|
|
|
|
|
|
|
|
↑ |
|
|
|
|
|
|
|
↑ |
|
|
|
|
|
|
答え４ |
← |
質問１１ |
|
|
|
スタート |
|
|
|
質問１０ |
→ |
答え３ |
|
|
|
|
|
|
↑ |
|
|
|
↓ |
|
|
|
↑ |
|
|
|
|
| 答え２ |
← |
質問９ |
← |
質問５ |
← |
質問３ |
← |
質問１ |
→ |
質問２ |
→ |
質問４ |
→ |
質問８ |
→ |
答え１ |
|
|
↓ |
|
|
|
↓ |
|
|
|
↓ |
|
|
|
↓ |
|
|
|
|
答え６ |
|
|
|
↓ |
|
|
|
↓ |
|
|
|
答え５ |
|
|
|
|
|
|
|
|
↓ |
|
|
|
↓ |
|
|
|
|
|
|
|
|
答え１０ |
← |
質問１３ |
← |
質問７ |
|
|
|
質問６ |
→ |
質問１２ |
→ |
答え９ |
|
|
|
|
|
|
↓ |
|
↓ |
|
|
|
↓ |
|
↓ |
|
|
|
|
|
|
|
|
答え１２ |
|
↓ |
|
|
|
↓ |
|
答え１１ |
|
|
|
|
|
|
|
|
|
|
↓ |
|
|
|
↓ |
|
|
|
|
|
|
|
|
|
|
答え１４ |
← |
質問１５ |
|
|
|
質問１４ |
→ |
答え１３ |
|
|
|
|
|
|
|
|
|
|
↓ |
|
|
|
↓ |
|
|
|
|
|
|
|
|
|
|
|
|
答え１６ |
|
|
|
答え１５ |
|
|
|
|
|
|
|
| ＯＫを押した時は青い矢印へ、キャンセルを押した時は赤い矢印に進みます。 |
| ソース |
<html>
<head>
<title>アラートで簡単なクイズを作ろう</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function dialog1(){
flag=confirm("質問１です・・・ＯＫなら質問２、キャンセルなら質問３を表示します");
if(flag) dialog2();
else dialog3();
}
function dialog2(){
flag=confirm("質問２です・・・ＯＫなら質問４、キャンセルなら質問６を表示します");
if(flag) dialog4();
else dialog6();
}
function dialog3(){
flag=confirm("質問３です・・・ＯＫなら質問５、キャンセルなら質問７を表示します");
if(flag) dialog5();
else dialog7();
}
function dialog4(){
flag=confirm("質問４です・・・ＯＫなら質問８、キャンセルなら質問１０を表示します");
if(flag) dialog8();
else dialog10();
}
function dialog5(){
flag=confirm("質問５です・・・ＯＫなら質問９、キャンセルなら質問１１を表示します");
if(flag) dialog9();
else dialog11();
}
function dialog6(){
flag=confirm("質問６です・・・ＯＫなら質問１２、キャンセルなら質問１４を表示します");
if(flag) dialog12();
else dialog14();
}
function dialog7(){
flag=confirm("質問７です・・・ＯＫなら質問１３、キャンセルなら質問１５を表示します");
if(flag) dialog13();
else dialog15();
}
function dialog8(){
flag=confirm("質問８です・・・ＯＫなら答え１、キャンセルなら答え５を表示します");
if(flag) alert("答え１です");
else alert("答え５です");
}
function dialog9(){
flag=confirm("質問９です・・・ＯＫなら答え２、キャンセルなら答え６を表示します");
if(flag) alert("答え２です");
else alert("答え６です");
}
function dialog10(){
flag=confirm("質問１０です・・・ＯＫなら答え３、キャンセルなら答え７を表示します");
if(flag) alert("答え３です");
else alert("答え７です");
}
function dialog11(){
flag=confirm("質問１１です・・・ＯＫなら答え４、キャンセルなら答え８を表示します");
if(flag) alert("答え４です");
else alert("答え８です");
}
function dialog12(){
flag=confirm("質問１２です・・・ＯＫなら答え９、キャンセルなら答え１１を表示します");
if(flag) alert("答え９です");
else alert("答え１１です");
}
function dialog13(){
flag=confirm("質問１３です・・・ＯＫなら答え１０、キャンセルなら答え１２を表示します");
if(flag) alert("答え１０です");
else alert("答え１２です");
}
function dialog14(){
flag=confirm("質問１４です・・・ＯＫなら答え１３、キャンセルなら答え１５を表示します");
if(flag) alert("答え１３です");
else alert("答え１５です");
}
function dialog15(){
flag=confirm("質問１５です・・・ＯＫなら答え１４、キャンセルなら答え１６を表示します");
if(flag) alert("答え１４です");
else alert("答え１６です");
}
//-->
</SCRIPT>
</head>
<body>
<FORM>
<INPUT type="button" value="クイズ" onClick="dialog1()">
</FORM>
</body>
</html>
|
|
|
|
|
| JavaScript GarageのTopへ戻る |