【JavaScript】アラート(alert)を表示させる方法

2021年8月4日 2021年8月5日

こんにちは！CODE CLUB965のKです！

今回は、JavaScriptでアラート(alert)を表示させる方法について書こうと思います。

アラート(alert)とは？

そもそもアラートって何？という方もいると思うので簡単に説明します。

例えば、Webサイトの申し込みフォームなどで情報を入力していて、次の画面に進もうとした時に入力漏れなどがあった時に次のようなポップアップが表示されることがあると思います。

画像はこちらで準備した一例ですが、このようなエラーメッセージのポップアップのことをアラート(alert)と呼びます。

このようなポップアップは、ユーザーへの警告や確認を求める目的で使われることがあります。
また、別の使い方として簡易的なプログラムのデバッグで利用されることもあります。

アラート(alert)の使い方

アラートを表示させるのは非常に簡単です。

alert()メソッドを使うだけで上記のようなポップアップを表示することができます。

基本構文は以下の通りです。

alert( '表示させるメッセージ' );

これだけです。

ちなみに引数には、文字列だけでなく数値など様々な値を指定することができます。

これだけだと分かりづらいかもしれないので具体的なコード例を載せておきます。
機会があったらコピペして是非試して下さい。

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>アラートの表示</title>
  </head>
  <body>
    <script>
      var msg = "アラートを表示するサンプルコードです。";
      alert( msg );
    </script>
  </body>
</html>