関数prompt
関数 prompt は、データ入力用のウィンドウを表示します。
第一引数にはユーザーに表示するメッセージを受け取り、
第二引数には入力フィールドのデフォルトテキストを受け取ります。
第二引数はオプションです。
表示されるウィンドウにはテキストフィールドと、
「OK」と「CANCEL」の2つのボタンがあります。
「OK」をクリックすると、ユーザーが入力した文字列が返されます。
「CANCEL」をクリックすると、null が返されます。
構文
prompt(メッセージ, [デフォルトテキスト]);
例
ボタンがクリックされたら、ユーザーに名前を尋ね、
次に関数 alert を使ってその名前を表示しましょう：
<button id="button">click me</button>
let button = document.querySelector('#button');
button.addEventListener('click', function(event) {
let res = prompt('What is Your name?');
alert(res);
});
:
例
ユーザー名が既にデフォルトで挿入されているが、 ユーザーが変更できるようにしてみましょう：
<button id="button">click me</button>
let button = document.querySelector('#button');
button.addEventListener('click', function(event) {
let res = prompt('What is Your name?', 'John');
alert(res);
});
:
