JavaScriptで利用可能なポップアップボックスの種類

JavaScriptで利用できるポップアップボックスには3つのタイプがあります。これらは-

1。アラート − Window.alert（）メソッドは、オプションで指定されたコンテンツと[OK]ボタンを含むアラートダイアログを表示します。

たとえば、次のスクリプトを実行すると、「これはアラートです」という内容のアラートボックスが開き、確認ボタンが表示されます。

例

<script>
   alert("This is a alert");
</script>

警告ダイアログは、メッセージの確認以外にユーザー側の応答を必要としないメッセージに使用する必要があることに注意してください。

2。確認 − Window.confirm（）メソッドは、オプションのメッセージと2つのボタン（[OK]と[キャンセル]）を含むモーダルダイアログを表示します。

たとえば、次のスクリプトを実行すると、「このアクションを確認してください」という内容の確認ボックスが開き、確認ボタンとキャンセルボタンが表示されます。これにより、ユーザーからの入力に応じてブール値が返されます。

例

<script>
   let bool = confirm("Please confirm this action");
   console.log(bool);
</script>

[確認]をクリックすると、trueが返されます。 [キャンセル]をクリックすると、falseが返されます。

ダイアログボックスはモーダルウィンドウであることに注意してください。ダイアログボックスが閉じるまで、ユーザーはプログラムの残りのインターフェイスにアクセスできません。

3。プロンプト − Window.prompt（）は、ユーザーにテキストの入力を求めるオプションのメッセージを含むダイアログを表示します。

たとえば、次のスクリプトを実行すると、「名前を入力してください」という内容のプロパティボックスが開き、確認ボタンとキャンセルボタンが表示されます。これにより、ユーザーが指定した文字列が返されます。

例

<script>
   let name = prompt("Please enter your name");
   console.log(name);
</script>

プロンプトに入力すると、名前がコンソールに記録されます。