5.いよいよプログラムを作る
 いよいよ,プログラムを作るときがきました。ドキドキ,ワクワク。
 プログラムというと,とてもむずかしい,かっこいい,(オタクっぽい?),そんなイメージがありますね。
 でも,プログラムの基本は,かんたんなのです。それは,
並んでいる文を,上から順番に実行していく。
 という,ただそれだけのことなのです。

 たとえば,次のプログラムを実行すると,どんな結果になるでしょう。

 下のプログラム記入欄(5-1-1)に,
confirm( "小学生でも簡単にできる!" );
confirm( "プログラミング入門講座" );
 と入力してあります。
 その下には,「実行」のボタンがありますから,クリックしてください。

プログラム記入欄(5-1-1)

 プログラムは,2つの文でできていました。
 1番目の文は,
confirm( "小学生でも簡単にできる!" );
 です。2番目の文は,
confirm( "プログラミング入門講座" );
 です。

 プログラムは,並んでいる文を,上から順番に実行していくのでしたね。
 ですから,まず1番目の文を実行し,次に,2番目の文を実行したのです。

 このように,プログラムの基本は,とても簡単なのです。

 いままでは,確認ダイアログ(小窓)に文字を表示していました。confirmという命令でしたね。
 ここからは,表示エリアに文字を表示するようにします。
 表示エリアは,すでに用意してあります。
 ※表示エリアに文字を表示する方法は,ジャバスクリプトの学習用にすぐるホームページ(優学習会)が用意したもので,ジャバスクリプトにもともと備わっている機能ではありません。

 下のプログラム記入欄(P1)に,
H1.document.write( "小学生でも簡単にできる!" );
H1.document.write( "<br>" );
H1.document.write( "プログラミング入門講座" );
 と入力してあります。
 その下には,「実行」のボタンがありますから,クリックしてください。

プログラム記入欄(P1)

表示エリア(H1)

 どうですか?表示エリア(H1)に,文が表示されましたね。
 このプログラムについて,説明しましょう。
 プログラムには,次の命令が書いてありました。
H1.document.write( );
 この命令の意味は,次のようになります。
表示エリアH1に,文字を書きなさい。
 ですから,
H1.document.write( "小学生でも簡単にできる!");
 は,
表示エリアH1に,小学生でも簡単にできる!の文字を書きなさい。
 という命令になったわけです。

 次の,
H1.document.write( "<br>");
 は,特別な命令です。インターネットの世界では,
< と > で囲まれたことば
 は,特別の意味を持つのです。
 < と >で囲まれたことばのことを,タグといいます。  <br>は,
<br>ということばがあったら,改行する。
 という意味の,タグだったわけです。
 よって,
H1.document.write( "<br>");
 では,改行がおこなわれたわけです。
 そのあと,
H1.document.write( "プログラミング入門講座");
 は,
表示エリアH1に,プログラミング入門講座の文字を書きなさい。
 という命令です。

 では,次のようにするとどうなるか,実行ボタンをクリックする前に,よく考えてみてください。

プログラム記入欄(P2)

表示エリア(H2)

 この場合は,
表示エリアH2に,プログラミング入門講座の文字をくっつけたものを書きなさい。
 という命令になりますから,
表示エリアH2に,プログラミング入門講座を書きなさい。
 となります。実行ボタンをクリックして,確認してください。

おすすめ本
 JavaScriptによるプログラミングをしっかり身につけたいというユーザーに最適な解説書。
  辞典やサンプル集では身に付かない使いこなしのコツを、ギュッと凝縮! 最後には自分でアニメーションのプログラムをつくれるようになります。
  JavaScriptの活用術とプログラミングの基礎について、わかりやすく解説した絵とき入門テキスト。すぐに活用できるスクリプトサンプル集も掲載。
  プログラミングは誰でもできる! 導入編と実践編の2段階に分けて説明した入門書。
  ホームページに効果的な演出を加えることができるJavaScriptを使いこなせるよう、易しく解説する。
  クリックで変わる画像や、マウスを追いかける文字列など、楽しい仕掛けを作ることができる。

前へ(4.こんな計算もできる!) 


Copyright (C) 1996- Suguru Corporation. All Rights Reserved.