1 JavaScriptの基礎知識
STEP1 JavaScriptについて
1 JavaScriptとは
2 JavaScriptでできること
3 JavaScriptの特長
STEP2 JavaScriptの記述と実行について
1 JavaScriptの記述場所
2 JavaScriptの記述方法
3 JavaScriptの実行環境
STEP3 script要素を記述する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP4 イベント属性を記述する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
2 プログラムの基本
STEP1 オブジェクト・プロパティ・メソッドを確認する
1 既存ファイルの確認
2 プログラムの記述
3 プログラムの実行
4 プログラムの確認
5 オブジェクト・プロパティ・メソッド
6 プログラムの記述
7 プログラムの実行
8 プログラムの確認
STEP2 演算子を利用する
1 既存ファイルの確認
2 演算子
3 プログラムの記述
4 プログラムの実行
5 プログラムの確認
STEP3 関数を利用する
1 関数
2 プログラムの記述
3 プログラムの実行
4 プログラムの確認
STEP4 変数を利用する
1 変数
2 プログラムの記述
3 プログラムの実行
4 プログラムの確認
STEP5 条件によって処理を分岐する
1 条件による処理の分岐
2 プログラムの記述
3 プログラムの実行
4 プログラムの確認
5 プログラムの記述
6 プログラムの実行
7 プログラムの確認
STEP6 処理を繰り返す
1 既存ファイルの確認
2 処理の繰り返し
3 プログラムの記述
4 プログラムの実行
5 プログラムの確認
6 プログラムの記述
7 プログラムの実行
8 プログラムの確認
3 ウィンドウを処理するプログラム
STEP1 作成するWebページを確認する
1 Webページの完成図
2 既存ファイルの確認
STEP2 ウィンドウを開く
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP3 ウィンドウを閉じる
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP4 ウィンドウ上の部品の表示・非表示を設定する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP5 ウィンドウのサイズと位置を指定する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
4 画像を処理するプログラム
STEP1 作成するWebページを確認する
1 Webページの完成図
2 既存ファイルの確認
STEP2 画像にロールオーバー効果を設定する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
4 プログラムの記述
5 プログラムの実行
6 プログラムの確認
STEP3 サムネイルの画像を別の場所に大きく表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP4 一定時間後に画像を表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP5 一定時間ごとに画像を入れ替える
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
4 プログラムの記述
5 プログラムの実行
6 プログラムの確認
参考学習 JSファイルを作成する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
4 プログラムの記述
5 プログラムの実行
6 プログラムの確認
5 文字列を処理するプログラム
STEP1 作成するWebページを確認する
1 Webページの完成図
2 既存ファイルの確認<
STEP2 文字列の一部分を抜き出して表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP3 文字列を1文字ずつ順番に表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
4 CSSの記述
STEP4 文字列をスクロールしながら表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
6 日時を処理するプログラム
STEP1 作成するWebページを確認する
1 Webページの完成図
2 既存ファイルの確認
STEP2 指定日時とアクセス日時を表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
4 プログラムの記述
5 プログラムの実行
6 プログラムの確認
STEP3 最終更新日時を表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP4 日時の表示形式を設定する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP5 曜日を表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
4 プログラムの記述
5 プログラムの実行
6 プログラムの確認
STEP6 日時をもとに計算する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
4 プログラムの記述
5 プログラムの実行
6 プログラムの確認
7 フォームを処理するプログラム
STEP1 作成するWebページを確認する
1 Webページの完成図
2 既存ファイルの確認
3 フォームの基礎知識
4 CGIとJavaScript
STEP2 小計を自動的に表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP3 本体合計を自動的に表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
4 プログラムの記述
5 プログラムの実行
6 プログラムの確認
STEP4 お届け先に応じて配送料金を表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP5 送信時にテキストボックスの入力漏れをチェックする
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
4 プログラムの記述
5 プログラムの実行
6 プログラムの確認
STEP6 送信時にオプションボタンの選択漏れをチェックする
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認
STEP7 リセット時に確認メッセージを表示する
1 プログラムの記述
2 プログラムの実行
3 プログラムの確認