[JavaScript] 入力ダイアログを表示する（window.prompt）

投稿日：2016年10月2日更新日：2018年5月3日

入力ダイアログを表示するには、window.prompt()を使用します。

サンプルソース

例）入力ダイアログを表示する

function showPrompt(){
  var result = window.prompt("何か入力してください。", "hoge");

  if(result == null){
    window.alert("キャンセルされました。");
  }else{
    window.alert("入力された文字は「" + result + "」です。");
  }
}

function showPrompt(){

var result = window.prompt("何か入力してください。", "hoge");

if(result == null){

window.alert("キャンセルされました。");

}else{

window.alert("入力された文字は「" + result + "」です。");

}

<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
  <script src="sample.js"></script>
</head>
<body>
  <input type="button" value="入力ダイアログを表示する" onclick="showPrompt();">
</body>
</html>

<head>

</head>

<body>

</body>

</html>

実行サンプル

クリックすると、入力ダイアログが表示されます

解説

window.prompt の window. は省略してもOKです。
表示するメッセージ中で改行したい場合は、「\n」で改行できます。
「キャンセル」が選択されたかどうかは、戻り値がnullかどうかで判定できます。
「×」ボタンで閉じた場合は、「キャンセル」が選択されたとみなされます。

執筆者：とら