クイズゲームの作り方 - jQuery入門 - ポンクソフト
を参考にして簡単なクイズを作っていきます。
jqueryを使用しますので
<script src="jq/jquery-1.10.2.min.js"></script>
をヘッダに書き込みます。
javascriptは
ーーーーーーーーーーーーーー
<script>
$(function() {
$('input').click(function() {
if ($(this).val() == 1) alert('正解！');
else alert('はずれ！');
});
});
</script>
ーーーーーーーーーーーーーーー
$(function() {}
これはあまり深く考えずに
とりあえず書いています。
$('input')
これはhtmlのinputの部分を指定
.click(function() {}
クリックしたとき
if ($(this).val() == 1)
もし$(this).val() が１だったら
$(this).val()は今回は
これはhtmlのinputを度の数値をクリックしたか
そのクリックした数値を取得。
alert('正解！');
正解を表示
else alert('はずれ！');
それ以外だったらはすれ！を表示
問題部分は
HTMLのBODY部分に書き
選択肢は
<input type="radio" name="highs" value="1">前橋育英
のような感じで書いていく
この選択肢の数字を$('input').clickで
取得する
という感じかな
完成したのはこちら
クイズ
詳しくはこちら
クイズゲームの作り方 - jQuery入門 - ポンクソフト
