こんにちは！この記事では、JavaScriptのconfirm関数について、初心者の方にもわかりやすく解説します。confirm関数を使うと、ユーザーに「OK」または「キャンセル」の選択肢を提示するダイアログボックスを表示できます。これにより、ユーザーの入力に応じた処理を実装することが可能です。
confirm関数とは
confirm関数は、JavaScriptでユーザーに確認を求める際に使用する組み込み関数です。ブラウザ上で以下のようなダイアログボックスが表示されます。
- メッセージ
- OK」ボタン
- 「キャンセル」ボタン
ユーザーが「OK」または「キャンセル」を選択すると、その結果を**真偽値（true または false）**として取得できます。
基本的な使い方
confirm関数の基本的な使い方はとてもシンプルです。
confirm('メッセージをここに入力');例：
confirm('このページを離れますか？');このコードを実行すると、以下のようなダイアログが表示されます。
実践的な例
例1: ページの離脱確認
ユーザーがページを離れる際に確認を取る例です。
<!DOCTYPE html>
<html>
<head>
<title>ページ離脱の確認</title>
<script>
window.onbeforeunload = function() {
return 'このページを離れますか？';
};
</script>
</head>
<body>
<h1>ページ離脱の確認</h1>
<p>このページから移動しようとすると、確認ダイアログが表示されます。</p>
</body>
</html>実行結果：
例2: フォーム送信の確認
フォームを送信する前に、ユーザーに最終確認を求める例です。
<!DOCTYPE html>
<html>
<head>
<title>フォーム送信確認</title>
<script>
function confirmSubmission() {
return confirm('フォームを送信してもよろしいですか？');
}
</script>
</head>
<body>
<h1>フォーム送信確認</h1>
<form onsubmit="return confirmSubmission();">
<label>お名前：<input type="text" name="name"></label><br><br>
<input type="submit" value="送信">
</form>
</body>
</html>実行結果：
