最終更新日



JavaScriptのプログラミング

JavaScriptのプログラミング。授業でやったものです。JavaScriptのプログラムは、表示-ソースでご覧ください。

    ヴェネティア ジョージア島 2003/4
  1. 1 から n までの和

    2. いきなり、この例題。変数(var)と繰り返し(for)、画面に結果を出力する
    document.write(オブジェクト.メソッド) と プログラムのエッセンスがある
    そうだが。JavaScriptはbody部に記述。
    (参考: 配布資料 JavaScript1-1、JavaScript基本 2-1 )

  2. 10進数 を 2進数 に変換する。

    3. 2進数の概念は大事だそうですが? 繰り返しの別法(while)。
    JavaScriptはやはりbody部に記述。
    (参考: 配布資料 JavaScript1-2、JavaScript基本 2-5)

  3. 10進数 を 16進数 に変換する。

    4. 16進数 は 2 進数の親戚とか? AとかFも数字??
    関数(function)やswitch case,breakによる分岐といろいろ出てくる。
    関数のJavaScriptはhead部に記述。フォームからはイベントハンドラで関数へ。
    フォームを使うことで、いろんな値で試すことができる (1,2は、プログラム中の変数の値を変えていた)。
    (参考: 配布資料 JavaScript1-3、JavaScript基本 5-1)

    ローマ トリニタ・デイ・モンティ教会(2003/4) 2003/4
  4. 複数のフォームを使って、2進、16進数変換、文字コードなどをひとつのページにする。

    5. お試しあれ。2進、16進数、文字コードが、少しは、分かった気になるかも?
    オブジェクト、メソッド、プロパティも、引き続きいろいろ。
    (参考: 配布資料 JavaScript2-6、JavaScript基本 5と 16進数変換・文字コード)

  5. 配列、最大値、ソート。

    6. 配列 Arrayオブジェクト、Mathオブジェクトの話と並べ替えの考え方(アルゴリズム)。if文による分岐も。
    (参考: 配布資料 JavaScript2-7、JavaScript基本 2-3,4,5)

  6. 配列の事例を複数のフォームを使ってひとつのページにする。

    7. お試しあれ。オブジェクト、メソッド、プロパティの例もいろいろ出てくる。サイコロの目もある。
    (参考: 配布資料 JavaScript2-8、JavaScript基本 3及び4 と 配列のソートなど )

    夕富士、三脚なしの10倍望遠(2003/12)
  7. おみくじ(フォーム使用)。

    8. あなたの運勢は? お試しあれ。乱数と配列、フォーム。
    (参考: 配布資料 JavaScript3-9、JavaScript基本 3 と おみくじ・サイコロの目 )

  8. おみくじ(DOM 利用)。

    9. いよいよ大変。DOM(Document Object Model)により、html文のすべてを
    オブジェクトとして扱え、innerHTMLプロパティで直接変更できるとは?
    オブジェクトがなんたるかも把握できないうちに....?!
    (参考: 配布資料 JavaScript3-10-3、JavaScript応用2 5)
    (なお、配布資料 JavaScript3-6-3、JavaScript基本 5-3 に、16進数10進変換の途中経緯をinnerHTMLで出している。)

  9. 最終更新(外部関数、DOM 利用)。

    10. すべてのページの中にとりこんだ「最終更新」もDOM、innerHTMLの応用とか。
    (参考: 配布資料 JavaScript3-11、[注]外部関数、kousin.jsとして作ったので、リンクできないので、直接、私のホームページの解説にリンクした。なお、このトップページにつけたBGMもinnerHTMLの応用で、midiファイルを演奏するembedタグを出力させている。)

  10. スライドショー(Imageオブジェクト、DOM 利用)。

    11. アニメやスライド・ショーというのもあったなぁ、一定時間ごとの画像の入れ換え。
    (参考: 配布資料 JavaScript4-12、JavaScript応用1 3)
    (なお、このトップページやスライド・ショーに取り込んだ「流れる文字」は、一定時間ごとに、文字表示位置をstyleで変更したもの。配布資料 JavaScript3-10-1、JavaScript基本 4 。)

  11. 壁紙やBGMの選択・変更。

    12. 背景模様、写真やMidiの変更する関数をフォーム または、単に文字列から呼び出すもの。このトップページがまさにその例。
    もうひとつ、フォーム利用の場合は、トップページ例2 参照。
    (参考: 配布資料 JavaScript4-13、JavaScript応用1 5)

[参考1] 配布資料 JavaScript5 は、JavaScriptのステートメント(forとかifなど)、オブジェクト、メソッド、プロパティ、フォームとイベント、DOMを参考文献つきでまとめた。 ホームページ上では、6 Javascript命令・オブジェクト・DOM まとめ である。

 [参考2] このページの一番上右やすぐ下にある「戻る」というボタンもフォームで作り、
history オブジェクトの back()メソッドを使ったもの。
   <FORM NAME="myform">
   <INPUT TYPE="button" VALUE="戻る" onClick="history.back()"></FORM>