【JavaScript】確認ダイアログを表示させる方法

2023年3月21日2023年7月9日

本記事では、JavaScriptで確認ダイアログを表示させる方法について解説しています。

JavaScriptの学習におすすめ書籍

1冊ですべて身につくJavaScript入門講座

総合評価

( 5 )

メリット

楽天ブックス

¥2,794 （2024/04/21 02:09時点 | 楽天市場調べ）

ポチップ

先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！

全プログラマー必見！
変数名/関数名にもう悩まない！

リーダブルコード

総合評価

( 5 )

メリット

著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤功平, 翻訳:角征典

¥2,640 （2023/07/23 02:48時点 | Amazon調べ）

ポチップ

confirmメソッドの使い方

確認ダイアログを表示させるには、confirmメソッドを使用します。基本的な使い方は以下のとおりです。

let result = window.confirm("message");

構文解説

resultには、OKが押されたらtrueを返しキャンセルが押されたらfalseを返します。この戻り値を使うことでユーザーがどちらをクリックしたかを判別することができ、その後の処理を実装することが出来ます。

実際に、confirmメソッドを使用して確認ダイアログを表示させてOKが押されたかキャンセルが押されたか判別するサンプルコードを用意したので、動作確認してみましょう。

let result = window.confirm("確認ダイアログのメッセージをここに書くよ！");
if (result) {
  console.log("OKが押されました！");
}else {
    console.log('キャンセルが押されました！')
}

更に、コードを短くしたい人はconfirmメソッドをif文にそのままセットすることも出来ます。条件分岐の処理が1行で完結する場合は三項演算子も利用すると更にコードを短くすることも可能です。

if (window.confirm("確認ダイアログのメッセージをここに書くよ！")) {
  console.log("OKが押されました！");
} else {
  console.log("キャンセルが押されました！");
}

よかったらシェアしてね！