情報塾( 2003.4.6 )
DESCRIPTION
情報塾( 2003.4.6 ). JavaScript( ジャバ・スクリプト) でのソフトウェア部品やプログラム文法。. if/for/switch/while. 様々なソフトウェア 部品. button( ボタン). text( テキスト). textarea( テキストエリア). メッセージボックス. スクロールバー付き. リストボックス. ラジオボタンまたはチェックボックス. i f(もし) 文. if( 条件式){文1} else{ 文2}. IF 文 - PowerPoint PPT PresentationTRANSCRIPT
情報塾( 2003.4.6 )
JavaScript(ジャバ・スクリプト)でのソフトウェア部品やプログラム文法
。
if/for/switch/while
様々なソフトウェア部品button( ボタン) text( テキスト)
メッセージボックスtextarea( テキストエリア)スクロールバー付き
ラジオボタンまたはチェックボックスリストボックス
<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( エルス ): それ以外は
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( オア)
ANDとOR ( アンド・オア)
AND(&&)(かつ)
OR( || )(または)
NOT(! ) A
A AND B
A OR B
NOT A
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
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しながら { } で囲まれた文を実行する。
終了条件式初期値 増減式
変数(入れ物)
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
最初
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;}
ラジオボタンまたはチェックボックス
<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を繰り返し実行する。
最大公約数 : 両方の数を割り切れる数の内、最大のもの。
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 次回
練習問題
つまり算数や数学の問題はプログラムで解くことができる。
このようなプログラムはどう書けばいいでしょう?
What’s next• プログラムファイルやデータファイルはどのような
形で PC の中に入っているのだろう?– ビット・バイト・2進数・16進数・アスキーコード
• HTMLファイルというのはどんなふうに書けばよくて、どんなことができるのだろう。– HTML文法・ハイパーリンク
• プログラム(ソフト)というのはどう書けばいいのだろう。
• WORDや EXCEL やパワーポイントでどんな事ができるのだろう。
• PCの中はどうなっているのだろう。– CPU/メモリ / チップセット / インターフェイス
• CPUとメモリがどんなふうに動くのだろう。– 電子回路・アドレスバス・データバス・メモリ構造