【HTML】「本当に○○して良いですか？」確認メッセージ

問題

削除ボタン等を押した時に
「本当に○○して良いですか？」
確認メッセージを表示したい。

確認メッセージを承諾したら〇〇を実行。
拒否したら元に戻るようにしたい。

ゴールの確認

参考サイト

解決方法

結論

confirm()メソッドを使う

コード

index.blade.php

<form action="{{ route('spending.destroy', ['spending' => $spending['id']]) }}" method="post">
    @csrf
    @method('DELETE')
    // ⭐️↓これ
    <button type="submit" class="btn btn-danger ml-5" onclick="return confirm('支出内容を削除しても良いですか？');">削除</button>
</form>

解説

onclick = ユーザが要素をクリックした際に起動する処理を指定するイベント属性
confirm = ウェブページ上に確認ダイアログボックスを表示させる