【Javascript】テキスト入力ボックスの文字を取得

この記事では、Javascriptでテキスト入力ボックスの文字を取得する方法とソースコードについて紹介します。

テキスト入力ボックスの値取得

JavaScriptでは、documentクラスを使うことでテキスト入力ボックスの文字を取得できます。

【書式】
document.form名.input名.value

■返り値
指定したテキストボックスに入力されている値

※HTML側でformタグ, inputタグにname属性をつけておく必要があります。

ソースコード

サンプルプログラムのソースコードは以下の通りです。
【HTML側(index.html)】

【Javascript側(main.js)】

実行結果

サンプルプログラムの実行結果は以下の通りです。
実行ボタンを押すテキスト入力ボックスの値がダイアログに表示されます。

【関連記事】
Javascript入門 基本文法

シェア&フォローお願いします!