情報塾( 2003.4.6 )

13
情情情2003.4.6 JavaScript( ジジジ ジジジジジジジジジジジジジジジジジジジジジジジif/for/switch/while

Upload: kyna

Post on 26-Jan-2016

71 views

Category:

Documents


2 download

DESCRIPTION

情報塾( 2003.4.6 ). JavaScript( ジャバ・スクリプト) でのソフトウェア部品やプログラム文法。. if/for/switch/while. 様々なソフトウェア 部品. button( ボタン). text( テキスト). textarea( テキストエリア). メッセージボックス. スクロールバー付き. リストボックス. ラジオボタンまたはチェックボックス. i f(もし) 文. if( 条件式){文1} else{ 文2}. IF 文 - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 情報塾( 2003.4.6 )

情報塾( 2003.4.6 )

JavaScript(ジャバ・スクリプト)でのソフトウェア部品やプログラム文法

if/for/switch/while

Page 2: 情報塾( 2003.4.6 )

様々なソフトウェア部品button( ボタン) text( テキスト)

メッセージボックスtextarea( テキストエリア)スクロールバー付き

ラジオボタンまたはチェックボックスリストボックス

Page 3: 情報塾( 2003.4.6 )

<HTML><HEAD><TITLE>IF 文 </TITLE><SCRIPT LANGUAGE="JavaScript"> function judge(f){ if (f.form.x.value = = "apple"){ f.form.y.value = " 正解です。 "; } else{ f.form.y.value = " 間違いです。正解は apple です。 "; }}</SCRIPT></HEAD><BODY><FORM METHOD="POST"><INPUT TYPE="button" VALUE=" 判定します。 " onClick="judge(this)"><BR><BR>りんごは英語で何というでしょうか?下記に書いてください。 <BR><INPUT TYPE="text" SIZE=10 NAME="x"><BR>結果です。 <BR><INPUT TYPE="text" SIZE=30 NAME="y"></FORM></BODY></HTML>

i f(もし) 文

if( 条件式){文1}else{ 文2}

else( エルス ): それ以外は

Page 4: 情報塾( 2003.4.6 )

if (a= =“apple”){ 文1 }else { 文2 }:a が“ apple” の時文1、それ以外文2

if (a>1){ 文1 }else { 文 2 } :a が1より大きい時1、それ以外文2

if (a= =1){ 文1 }else { 文 2 } :a が1の時文1、それ以外文2

if (a= =1 && b=   =1){ 文1 }else { 文2 } :a が1かつ b が1のとき文1、それ以外文2

if (a= =1 || b= =l”){ 文1 }else { 文2 } :a が1または b が1のとき文1、それ以外文2

条件式

if( 条件式){文1}else{ 文2}

else( エルス ): それ以外は

AND( アンド)

OR( オア)

Page 5: 情報塾( 2003.4.6 )

ANDとOR ( アンド・オア)

AND(&&)(かつ)

OR( || )(または)

NOT(! ) A

A  AND  B 

A  OR  B 

NOT A

Page 6: 情報塾( 2003.4.6 )

ANDとOR ( アンド・オア)

AND(&&)(かつ)

OR( || )(または)

NOT ( ! )

A( 入力)

B (入力)

C (出力)

0 0 0

0 1 0

1 0 0

1 1 1

A( 入力)

B (入力)

C (出力)

0 0 0

0 1 1

1 0 1

1 1 1

B( 入力)

C(出力)

0 1

1 0

a= =1 && b=   =1a!=1

a が1でなかったらこの条件式の値は1、 a が 1 だったらこの条件式の値は 0

A が1ならこの条件式の値は1、 A が 1 でなかったらこの条件式の値は 0

Page 7: 情報塾( 2003.4.6 )

for  文<HTML><HEAD><TITLE>For 文 </TITLE><SCRIPT LANGUAGE="JavaScript"> function calc(f){ saisyo=eval(f.form.x.value); saigo=eval(f.form.y.value); goukei=0;for (i=saisyo; i<saigo+1;i++){ goukei=goukei+i;} f.form.z.value=goukei;}</SCRIPT></HEAD><BODY><FORM METHOD="POST"><INPUT TYPE="button" VALUE=" 計算します。 " onClick="calc(this)"><BR>下記の数字から <BR><INPUT TYPE="text" SIZE=10 NAME="x"><BR>下記の数字までの <BR><INPUT TYPE="text" SIZE=10 NAME="y"><BR>数字をすべて足したものを下記に表示します。 <BR><INPUT TYPE="text" SIZE=10 NAME="z"><BR></FORM></BODY></HTML>

for(i=0 ; i<3 ; i++) {文}

i を0から始め、3未満の間、 i を +1しながら { } で囲まれた文を実行する。

終了条件式初期値 増減式

変数(入れ物)

Page 8: 情報塾( 2003.4.6 )

for  文

saisyo: saigo: goukei : i: 2 5 0

saisyo: saigo: goukei : i: 2 5 5 3

saisyo: saigo: goukei : i: 2 5 2 2

saisyo: saigo: goukei : i: 2 5 9 4

saisyo: saigo: goukei : i: 2 5 14 5

1 回目

2 回目

3 回目

4 回目

i<saigo+1 を満たさないので5回目はやらない。

+1

+1

+1

最初

Page 9: 情報塾( 2003.4.6 )

switch (スイッチ) 文<SCRIPT LANGUAGE="JavaScript"> function gako(f){ switch (f.value) {   case “1” : f.form.z.value=" 学校は駒場東邦です。 "; break;   case “2” : f.form.z.value=" 学校は麻布です。 "; break; case “3” : f.form.z.value=" 学校は開成です。 "; break; }}</SCRIPT></HEAD><BODY><FORM METHOD="POST">あたたは誰ですか、あなたの学校をあてます。 <BR><INPUT TYPE="radio" NAME="simei" VALUE="1" onClick="gako(this)"> 沖総一朗 <BR><INPUT TYPE="radio" NAME="simei" VALUE="2" onClick="gako(this)"> 広瀬将大 <BR><INPUT TYPE="radio" NAME="simei" VALUE="3" onClick="gako(this)"> 溝口晃 <BR><INPUT TYPE="text" SIZE=20 NAME="z"><BR></FORM></BODY></HTML>

switch( 値){case 1: 文 ;break;case 2: 文 ;break;case 3: 文 ;break;}

ラジオボタンまたはチェックボックス

Page 10: 情報塾( 2003.4.6 )

<HTML><HEAD><TITLE>while プログラム </TITLE><SCRIPT LANGUAGE="JavaScript"> function calc(f){ a=eval(f.form.x.value); b=eval(f.form.y.value); if (a>b) {min=b;} else {min=a;} while (min>1){if(a%min= =0 && b%min= =0){break;} min=min-1; }f.form.z.value=min;}</SCRIPT></HEAD><BODY><FORM METHOD="POST"><INPUT TYPE="button" VALUE=" 計算します。 " onClick="calc(this)"><BR>この数字と <BR><INPUT TYPE="text" SIZE=10 NAME="x"><BR> この数字の <BR><INPUT TYPE="text" SIZE=10 NAME="y"><BR> 最大公約数を計算します。 <BR><INPUT TYPE="text" SIZE=10 NAME="z"><BR></FORM></BODY></HTML>

while (ホワイル) 文

while( 条件式){文1}条件式を満足する限り文1を繰り返し実行する。

最大公約数  : 両方の数を割り切れる数の内、最大のもの。

Page 11: 情報塾( 2003.4.6 )

while (min>1){  if(a%min= =0 && b%min= =0){break;}  min=min-1; }

while (ホワイル) 文

min: a: b : 18 18 24 最初

18÷18=1 余り 0 24÷18=1 余り 6

18%18=0 24%1=6

%演算子は余りを示す

両方とも余りが0だったらbreak; が実行されループ{ }から抜ける .

min: a: b : 17 18 24 次回

Page 12: 情報塾( 2003.4.6 )

練習問題

つまり算数や数学の問題はプログラムで解くことができる。

このようなプログラムはどう書けばいいでしょう?

Page 13: 情報塾( 2003.4.6 )

What’s next• プログラムファイルやデータファイルはどのような

形で PC の中に入っているのだろう?– ビット・バイト・2進数・16進数・アスキーコード

• HTMLファイルというのはどんなふうに書けばよくて、どんなことができるのだろう。– HTML文法・ハイパーリンク

• プログラム(ソフト)というのはどう書けばいいのだろう。

• WORDや EXCEL やパワーポイントでどんな事ができるのだろう。

• PCの中はどうなっているのだろう。– CPU/メモリ / チップセット / インターフェイス

• CPUとメモリがどんなふうに動くのだろう。– 電子回路・アドレスバス・データバス・メモリ構造