目次
第1章 基礎編・JavaScript文法概要. 9
1.1 JavaScriptの入力場所... 9
1.2 変数・出力命令... 10
例題1.1 簡単な文字表示... 11
1.3 演算子... 11
例題1-2 加算... 12
例題1-3 見出しを付けた加算... 13
例題1-4 文字の拡大表示... 14
1.4 数学関数... 15
例題1-5 四則計算... 15
例題1-7 0〜9までの乱数発生... 19
1.5 関数function. 20
例題1-8 function文... 20
1.6 条件分岐... 21
例題1-9 if else文... 21
例題1-10 大小判断3分岐... 23
例題1-11 switch文によるメニュー... 25
例題1-12 戻り値なしfunction文... 27
1.7 繰り返し処理... 29
例題1-13 繰り返し処理 for文... 29
例題1-14 表に写真表示... 31
例題1-15 3行3列の表に写真表示... 33
例題1-16 全写真表示... 34
1.8 配列... 36
例題1-17 配列要素の出力... 36
例題1-18 配列-おみくじ... 37
例題1-19 外部ファイル-平均... 38
1.9 日付,時間... 39
例題1-20 西暦年時分秒表示... 40
第1章 章末問題... 41
第2章 応用編. 43
2.1 ダイアログ... 43
例題2-1 onClickアウト・セーフ問題... 44
例題2-2 prompt文によるパスワード入力... 46
2.2 form文... 48
例題2-3 form文による足し算計算... 49
例題2-4 問題設定したelearning. 51
例題2-5 1桁乱数の発生... 54
例題2-6 form表示の足し算練習... 55
例題2-7 足し算elearning. 57
例題2-8 得点記録-for文... 62
例題2-9 得点記録-while文... 65
例題2-10 得点記録 間違うまで実行... 67
例題2-11 配列を使用した2択問題... 70
第2章 章末問題... 78
第3章 画像処理. 85
3.1画像の入れ替え... 85
例題3-1 画像の入れ替え... 85
例題3-2 onMouseOverとonMouseOutにより一瞬で花が咲く... 87
例題3-3 蓮の花がつぼみから2段階で満開... 89
例題3-4 画像の拡大-サブウィンドウ... 92
3.2 タイマー... 95
例題3-5 タイマーを使用して3秒ごとに写真を表示... 95
例題3-6 タイマー使用画像スライドショウ... 97
例題3-7 サイコロの表示... 103
例題3-8 ランダムにサイコロの目をだす... 104
例題3-9 コンプガチャゲーム... 107
第3章 章末問題. 115
章末問題 解答. 118
第1章 章末問題解答... 118
問題1-1 乱数の加算... 118
問題1-2 引算練習... 118
問題1-3 1から21までの奇数の和... 119
問題1-4 while文使用ー1から10までの和... 119
問題1-5 3行3列の表に写真表示... 120
問題1-6 外部ファイルを使用した四則計算... 121
第2章 章末問題解答. 122
問題2-1 2つのボタンによる画像表示... 122
問題2-2 2つのボタンによりWebページへ飛ぶ... 122
問題2-2のbakuhatu.htmlファイルの内容... 123
問題2-2のseikou.htmlファイルの内容... 124
問題2-3 if文を使用prompt文からメニューを選択... 124
問題2-3のhanabi.htmlファイルの内容... 125
問題2-3のaozora.htmlファイルの内容... 125
問題2-3のkancyan.htmlファイルの内容... 126
問題2-3のhasu.htmlファイルの内容... 126
問題 2-4 switch文使用・メニュー画面... 126
問題2-4のhanabis.htmlファイルの内容... 127
問題2-4のaozoras.htmlファイルの内容... 128
問題2-4のkanchans.htmlファイルの内容... 128
問題2-4のhasus.htmlファイルの内容... 128
問題3-1 タイマー使用 サイコロ画像表示... 129
問題3-2 ランダムなサイコロをサブウィンドウ表示... 129
問題3-3 サイコロの出目のメッセージ表示と画像表示... 130