【JavaScript】確認ダイアログを表示できるconfirmメソッドを解説します

こんにちは。たいら(@tairaengineer2)です。
転職を繰り返し現在5社経験している、12年目エンジニアです。

この記事では、 JavaScriptで確認ダイアログを表示できるconfirmメソッドについて

confirmメソッドとは
confirmメソッドを使ったサンプルプログラム

と、丁寧に解説していきます。

前提条件：実行環境について
confirmメソッドとは
confirmメソッドを解説するプログラムの概要
サンプルプログラム
実行結果
まとめ：confirmメソッドを使ってみよう！

前提条件：実行環境について

実行環境は以下の通りです。

OS	Windows11

confirmメソッドとは

confirmメソッドとは、引数に指定した文字列を
JavaScriptのconfirmメソッドを解説
というように、ブラウザに確認ダイアログとして表示させるメソッドです。
「OK」「キャンセル」のどちらかのボタンを押すと、確認ダイアログが消えます。
「OK」ボタンを押すとtrue、「キャンセル」を押すとfalseを返します。

使い方サンプルは下記になります。

confirm('Hello World');

1	confirm('Hello World');

このサンプルだと画像のように「Hello World」というメッセージの確認ダイアログが表示されます。

では、次の章で実際に使ってみます。

confirmメソッドを解説するプログラムの概要

confirmメソッドを解説するプログラムでは、HTMLファイルを作成し、scriptタグを埋め込みます。
画面が表示されるとconfirmメソッドが表示されるようにします。

サンプルプログラム

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>confirmメソッドサンプル</title>
    </head>
    <body>
        <script>
            confirm('confirmメソッドサンプル');
        </script>
    </body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>confirmメソッドサンプル</title>

</head>

<body>

confirm('confirmメソッドサンプル');

</script>

</body>

</html>

実行結果

作成したHTMLをブラウザで開きます。

JavaScriptのconfirmメソッドを解説
確認ダイアログが表示されることが確認できました！

まとめ：confirmメソッドを使ってみよう！

以上がJavaScriptのconfirmメソッドについての解説でした！

あなたのご参考になったのなら、とても嬉しいです(*´▽｀*)
ではでは～(・ω・)ﾉｼ