JavaScriptのwindow.alertメソッドの使い方と例

1. 基本的な使い方: window.alertメソッドは、以下のように使用します。

window.alert("メッセージ");

これにより、ブラウザ上に指定したメッセージが表示されます。

2. 変数を含めたメッセージの表示: 変数の値をメッセージに含めることもできます。例えば、以下のようなコードを書くことができます。

var name = "John";
window.alert("こんにちは、" + name + "さん！");

この場合、変数nameの値がメッセージに含まれ、ダイアログボックスには「こんにちは、Johnさん！」と表示されます。

3. 条件に応じた表示: 条件に応じてメッセージを表示する場合は、条件文と組み合わせることができます。例えば、以下のように書くことができます。

var age = 18;
if (age >= 20) {
  window.alert("成人です。");
} else {
  window.alert("未成年です。");
}

この場合、変数ageの値によって表示されるメッセージが異なります。

4. メッセージの改行: ダイアログボックス内で改行を行いたい場合は、改行文字(\n)を使用します。例えば、以下のように書くことができます。

window.alert("1行目\n2行目\n3行目");

これにより、ダイアログボックス内で3行のメッセージが表示されます。

5. ダイアログボックスの結果の取得: window.alertメソッドは、OKボタンが押されるまで次のコードが実行されません。しかし、ユーザーがOKボタンを押したかキャンセルボタンを押したかを判断するために、window.confirmメソッドを使うことができます。

以上が、JavaScriptのwindow.alertメソッドの基本的な使い方といくつかの実例です。これを参考にして、ウェブ開発でのダイアログボックスの使用方法をマスターしましょう。