JavaScript ダイアログ prompt

2014-08-30
いっす!この記事は1年以上前に投稿されたもので、情報が古いかもしれません。ご注意ください!

インプットボックスを出す

prompt

インプットボックスを出す命令。

変数 = prompt(“質問文”,”入力枠に最初から表示しておく文字”)

入力された文字烈は変数に代入される。

名前を入力してもらい入力文字をページ上に表示するサンプル。

<script>
var str; //入力文字を入れる変数

//インプットボックスの表示&入力文字をstrに代入
str = prompt("お名前を入力してください。","");

//strが空の場合の処理
if(str == "") str = "名無し子";

//名前を表示
document.write("<div style='text-align:center;'>");
document.write("ようこそ、<strong>" + str + "</strong>さん!");
document.write("</div>");
</script>

サンプル

str = prompt("お名前を入力してください。","");

prompt()でインプットボックスを出す。()内は2つの区分がある。
最初の部分は質問文を、後ろは入力枠に表示する文字を指定する。 サンプルは何も入れていない。

if(str == "") str = "名無し子";

何も入力されなかったときの処理。

キャンセルをクリックされたときの処理

null

データがない状態を表す。

上記サンプルの場合nullと表示される。
OKをクリックすると空でも文字列データ””が代入されるが、キャンセルだとそのデータすらない状態。

if文の後に判定分を追加する。

if(str == "") str = "名無し子";
//nullの場合を追加
if(str == null) str = "名無し子";

以下のようにまとめて書いてもよい。

if ((str == "") || (str == null)) str = "名無し子";

サンプル

hanakodesu

Load More... Follow on Instagram