JavaScript(レベルアップ編)の学習|サイトマップ|ホームモード:パソコン/スマホJavaScriptは、Webブラウザー上で実行されるプログラミング言語です。グラフィック・アニメーション・ゲームなど)の作成が出来ます。オブジェクトなどの使い方を学びます。参考でJavaScriptの書き方一覧を掲載しておりますので、ご覧ください。基本形HTMLドキュメントの基本形です。html>このドキュメントの始まりです。HTMLの定義(<html>~</html>)をします。その中にヘッダー部(<head>~</head>)とボディ部(<body>~</body>を書きます。表示する内容・プログラムはボディ部の中に記述します。上記のソースコードはそのままの記述します。)下記に、そのソースを示します。実行ボタンを押すと、その内容が表示されます。※プログラミングの行儀(立ち居振る舞い)は割愛(省略)しております。本日の日付と時間を表示してみましょう。JavaScriptのプログラムは<script>~</script>タグの中に書きます。ドキュメントの書込み:document.write(HTMLドキュメントに書き込む内容)書き込んだ内容が表示されます。練習問題1文字を書いてみましょう。"文字"はダブルクォーテーションマークで囲みます。演算結果を表示してみましょう。変数:値を代入して保持すします。文:処理単位、文の最後はセミコロン「;」を付けます。予約語:JavaScriptのキーワード(構文、オブジェクト利用ワード)は変数名や関数名としては使用出来ません。1.23」ピリオド「.」を付けて書きます。文字列:文字の集まりで、ダブルクォート「"」またはシングルクォート「'」で囲みます。簡単なプログラムを作る数字の1~10まで加算して、それぞれの加算結果を表示するプログラムを作ります。繰り返し(for)処理で、初期値1~10まで、iを+1しながら繰返し処理します。rirekiは数値、文字”;”、計算結果、改行タグ<br>を+で連結します。rirekiの内容を書き込みます。練習問題2初期値10~30まで計算するようにしましょう。初期値2、4、6・・・・30(偶数)まで計算するようにしましょう。フォームを理解するinputフォームの入出力処理及び、ボタン・ラジオボタンの操作処理を理解しましょう。inputタグは<form>~</form>の中に書きます。inputタグの名前は「form名.name名.???」で参照します。inputタグのname名が同じの場合はname名[インデックス(0~n)]で参照します。radioボタンのグルーピング名は同じname名にします。inputタグのクリック動作は「onclick="サブルーチン名()"」で指定します。サブルーチン名(){処理}」で書きます。練習問題3ラジオボタンを選択した場合は出力エリアに、それぞれ"選択1"、"選択2"、"選択3"と表示する様にしましょう。入力エリアにデータが無い場合は、出力エリアに"データなし"と表示する様にしましょう。簡易電卓を作ってみる。計算ボタン押下で、小数点第3位まで四捨五入で計算して、値1のエリアに表示します。クリアボタンで、入力エリアを初期状態にします。計算する前に入力データが数値かどうか判定して、数値でなければ、エラーメッセージを出して終了します。Number)オブジェクトで判定します。エラーメッセージはalertオブジェクトで出力します。値1、値2の入力値はparseFloatで数値に変換します。Math.roundのオブジェクトで計算します。練習問題4合計の四捨五入はしない様にしましょう。値1、値2が未入力場合はエラー処理するようにしましょう。演算子(%)を追加して、除算の余りを計算出来るようにしましょう。カレンダーを作ってみる。メッセージボックスから年、月を入力して、指定月のカレンダーを作成すします。出力様式は、年月の見出しを作成して、その月の日、曜日を出力します。年/月の様式で取得します。初期値は任意に設定します。年、月の設定はsplitオブジェクトで"/"区切り文字で分けて、それぞれ設定します。年月日、曜日の取得はDate()オブジェクトを使います。月は0~11、日は相対日(-1は前月の末日、末日+1は翌月の1日))、曜日は0~6で日~土曜日です。曜日の表示は、配列で定義した曜日より取得します。練習問題5日~土曜日ごとに改行してみましょう。指定の年の1~12月まで作成してみましょう。まとめ(総合練習)万年カレンダーを作成しましょう。入力した年の1~12月までのカレンダーを作成します。作成様式はここをクリックして実行してください。曜日毎に表示して改行してください。作成したソースは下のテキストボックスに作成して、実行してください。総合演習問題の解答はここのテキストにあります。上のテキストボックスに貼り付けて実行してください。JavaScript(レベルアップ編)の学習|サイトマップ|ホーム。