簡単なクイズゲーム
昨日の続きです。
今回は分岐させていきます。
ーーーーー
<script>
$(function() {
$('input').click(function() {
if ($(this).val() == 1) alert('正解!');
else
if ($(this).val() == 2) alert('はずれ、準優勝です。');
else
if ($(this).val() == 3) alert('はずれ、ベスト4です。');
else
if ($(this).val() == 4) alert('はずれ、ベスト4です。');
});
});
</script>
</head>
<body>
<p>2013年夏の甲子園優勝校は?</p>
<p>
<input type="radio" name="highs" value="1">前橋育英
<input type="radio" name="highs" value="2">延岡学園
<input type="radio" name="highs" value="3">花巻東
<input type="radio" name="highs" value="4">日大山形
</p>
ーーーーーー
前回は1がクリックされるとあたり
それ以外がクリックされると
はずれと表示させましたが
今回ははずれを3つにわけて表示させました。
elseでつなげて
並べてるだけなんですけどね。
if ($(this).val() == 1) alert('正解!'); //1だと正解と表示
else //それ以外は下へ
if ($(this).val() == 2) alert('はずれ、準優勝です。');//2だとはずれ、準優勝です。と表示
else //それ以外は下へ
if ($(this).val() == 3) alert('はずれ、ベスト4です。');//3だとはずれ、ベスト4です。と表示
else //それ以外は下へ
if ($(this).val() == 4) alert('はずれ、ベスト4です。');//4だとはずれ、ベスト4です。と表示
完成したのはこちら
クイズ