confirmは、ダイアログボックスを表示しユーザーに確認を求めるためのメソッドです。
confirm
記法
let result = confirm(“ダイアログ表示文字”);
if (result) {
// OKを選択した時の処理
} else {
// キャンセルを選択した時の処理
}
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>confirmに関して</title>
</head>
<body>
<button id="confirm">クリックしてみて♡</button>
<script src="main.js"></script>
</body>
</html>// ボタン要素を取得
let button = document.getElementById("confirm");
// ボタンにクリックイベントリスナーを追加
button.addEventListener("click", function () {
// クリックされたときの処理
let result = confirm("選択したらconsoleをチェックしてね");
if (result) {
// OK をクリックした場合
console.log("OK押した？");
} else {
// キャンセルをクリックした場合
console.log("Cancel押した？");
}
});出力結果
出力結果(console)
OK押した？
Cancel押した？