JavaScript勉強の記録その20: alertとconfirmを使ってメッセージボックスを表示

alertを使ってメッセージボックスを画面に表示する

alert('表示したいメッセージ')とすることで、画面に以下のようなメッセージボックスを表示することができます。

index.js

alert('このページはまだ準備中です');

confirmを使って画面にメッセージボックスを表示

confirm('表示したい内容')とすることで、OKかキャンセルかどちらかを選べるメッセージボックスを表示することができます。

alertとの大きな違いとしては、confirmは返り値としてBooleanを返してくれますので、ユーザがOKを選んだ時と、キャンセルを選んだ時で違う処理を実行することができます。例えば記事管理アプリを作っていたとして、なんらかの記事を削除する際などに使えるかと思います。　

index.js

const answer = confirm('本当に削除しますか？');

if (answer) {
  console.log(answer); //OKを選んだ時はコンソールにtrueと表示される
} else {
  console.log(answer); //キャンセルを選んだ時はコンソールにfalseと表示される
}