JavaScript

【JavaScript初級入門】文字列操作第2回「文字列と文字列の結合」

STEP2.入力した文字を結合して出力する

ここでは、入力した文字列（text_a）と文字列（text_b）を結合してテキストボックス（text_result）に表示する

文字列結合用のJavaScript

<script language="JavaScript">

function outoput_exe1(){

  var x = null;

  x = document.form_text.text_a.value
      + document.form_text.text_b.value;
  document.form_text.text_result.value = x;
}
</script>

テスト動作

文字列a

文字列b

実行結果

入力と出力用のJavaScript

1. 関数名：outoput_exe1() { }のコード記述

1行目：function outoput_exe1(){
10行目：}

point！
関数宣言function　関数名（）で記述する。
今回は、ボタン「テキストボックスに表示」）をonClick（クリック）時に、関数名：outoput_exe1()を開始し｛ ｝内のスクリプトを実行するという意味である。
2. 初期値を設定するため変数ｘに"null"を代入

5行目var x = null;

3. 文字列aとbを結合し変数ｘに代入する

7行目：x = document.form_text.text_a.value
8行目：+ document.form_text.text_b.value;

point！
7、8行目は、2行で1文（１ステートメント）です。
今回は、分かりやすくするために2行で記述しています。
JavaScriptは基本的にステートメントの終わりに「；（セミコロン）」を付けなくても良いが誤動作を防ぐために「；（セミコロン）」をつけよう！
4. 変数ｘに代入された結合文字列（文字列a+b）をテキストボックス<textarea name="text_result" >に出力する
9行目：document.form_text.text_result.value = x;

JavaScript講座（初級入門）目次へ

関連記事

スポンサーリンク

スポンサーリンク