JavaScript初心者さんの入門書です
アラートを使った簡単なクイズ
JAVAスプリクトは、応用次第ではゲームも作ることが出来ます。今回は、ボタンとアラートを使って簡単なクイズゲームを作成してみようと思います。
理論としては、条件分岐の概念を用い解答によって分岐をして全問正解までを制御します。 大体理解したらサンプルをいじって自分のオリジナルのものを作ってみましょう。それではサンプルです。
まずは関数定義部分です。これを<head>?</head>間で定義します。
<script type="text/javascript">
<!--
function toi1(){
answer = confirm("日本の首都は東京か？ ○なら「OK」 ×なら「キャンセル」");
if (answer) toi2();
else alert("ハズレ。0問正解");
}
function toi2(){
answer = confirm("日本の首都は東京か？ ○なら「OK」 ×なら「キャンセル」");
if (answer) toi3();
else alert("ハズレ。1問正解");
}
function toi3(){
answer = confirm("日本の首都は東京か？ ○なら「OK」 ×なら「キャンセル」");
if (answer) toi4();
else alert("ハズレ。2問正解");
}
function toi4(){
answer = confirm("日本の首都は東京か？ ○なら「OK」 ×なら「キャンセル」");
if (answer) toi5();
else alert("ハズレ。3問正解");
}
function toi5(){
answer = confirm("日本の首都は東京か？ ○なら「OK」 ×なら「キャンセル」");
if (answer) alert(お疲れ様でした。全問正解です。);
else alert("ハズレ。4問正解");
}
// -->
</script>
次に実行部分です。これは<body>?</body>内で定義しましょう。
<input type="button" value="クイズスタート！" onClick="toi1()">
問題が大分適当ですが、あとでオリジナルで作ることを考えて、変更しやすいようにこの形にしました。 余力があれば、カウント用の変数を用意して、○問正解の部分を変数で補えば、問題数を増やすのが容易になります。
カテゴリー：応用編
「アラートを使った簡単なクイズ」は参考になりましたか？
アラートを使った簡単なクイズ:関連記事
簡単な電卓を作ってみる
JAVAスプリクトでは、なんと電卓も作ることが出来ます。その気になれば、皆さんがよく目にする数字の...
お気に入りに追加する機能を作る
皆さんは、Webページを巡回しているときに、ふと「お気に入りに追加」などというボタンをみかけたこと...
ページの移動時にメッセージを表示してみる
普通、というかほとんどのページではそうですが、ページを移動するときには、リンクをクリックすればすぐ...
おみくじを作ってみる
さて、JAVAスプリクトでおみくじを作ってみましょう。ビジターは、ページを訪れる度に、大吉から大凶...
マウスクリックで画像を変えてみる
何かをクリックしたら、何かの処理が起こる、という手法は、様々な場面で使われます。多くの場合、そのク...
簡単なパスワード認証
会員制サイトや、HPやブログの管理者ページでは、パスワード認証をして初めて見られるようになるという...
外部ファイルの読み込み
例えばＣ言語においては、関数の定義などを、外部ファイルに定義して、それをプログラム中の#inclu...
ちょっとした視覚効果
JAVAスプリクトを使って本当にちょっとした視覚効果をやってみましょう。視覚効果といっても、たいし...
プルダウンメニューの表示
リンクの多いページによっては、そのリンク先をプルダウンメニューなどを使って選ばせて、そうしてリンク...
右クリックの禁止
右クリックの禁止の設定は、画像を載せていたり、MIDIを流すようなサイト等に多いですが、そういった...
文字の解説を表示
Webサイトを見ていたときに、ふと気になった単語にマウスカーソルを当てると、その言葉の注釈のような...
時間のカウント
アップローダーからファイルをダウンロードするとき、残り何秒お待ち下さい、などという表示がでて、その...
モニタの大きさを取得
モニタの大きさを取得することは、Webページを作る上では重要なことです。たとえば、ある画像を表示さ...
ブラウザ別にメッセージを表示
InternetExplorerやFirefoxなど、皆さんが使っているブラウザのほとんどは、OS...
ボタンを押してアラートを表示させる
皆さんは既に、ブラウザのソースに記述して、ページを開いたらそれが実行されるタイプのJAVAスクリプ...
無料資料請求する！
ジャバスクリプトは、専用の講座で学ぶのがオススメ！
管理人自身も資料を取寄せましたが、わずか３分で資料の取り寄せが出来ました♪ 資料の取寄せは、もちろん無料です。
JAVAscriptは色々な事ができます。ネット上には、色々なサンプルもありますが、カレンダーを作ったり、文字の色を変化させたり、ポップアップを示したり、WEB上で電卓を作成したり色々出来ます。
もちろん、ツリーメニューやラジオボタン、プルダウンメニュー、リンクを作るなどのHTMLでも出きるような事も、スクリプトを使えば出来てしまいます。
