2024年4月20日JavaScriptは、Webページを動的に操作するための言語として広く使われています。その中でもダイアログを表示することでユーザーとのやりとりを行うことができます。この記事ではJavaScriptを使ってダイアログを表示し、「はい」と「いいえ」の選択肢によって処理を分岐する方法について解説します。この記事は約8分で読むことができます目次ダイアログとはダイアログとは、Webページ上に表示されるポップアップウィンドウのことです。ユーザーからの入力を受け付けるために使用されます。ダイアログにはいくつかの種類がありますが、この記事ではメッセージダイアログに焦点を当てて解説します。JavaScriptを使ってダイアログを表示するダイアログを表示するためには、JavaScriptのwindowオブジェクトのメソッドを使用します。具体的には、window.alert()、window.confirm()、window.prompt()があります。この記事では、window.confirm()を使って解説します。window.confirm()は、メッセージと「はい」「いいえ」のボタンを表示するダイアログを表示するメソッドです。以下のように記述することで、ダイアログを表示することができます。「いいえ」を選択した場合の処理}JavaScriptを使ったダイアログの表示このように記述することでダイアログが表示され、「はい」を選択した場合と「いいえ」を選択した場合で処理を分岐することができます。ブラウザで確認すると上記のようなダイアログが出ると思います!ただしこの方法ではダイアログが表示されるだけで、実際に何かしらの処理をすることはできません。「はい」と「いいえ」によって処理を分岐する先程の例では、「はい」と「いいえ」を選択した場合で処理を分岐することができましたが、具体的にどのような処理をするかについては記述していませんでした。window.alert('処理を実行しました。何もしない}このように記述することで、「はい」を選択した場合にはアラートが表示され、「処理を実行しました。」というメッセージが表示されます。「いいえ」を選択した場合には何も処理されません。はいを押した時のダイアログ「はい」を選択すると上記のようなアラートが表示されたと思います!この例ではアラートを表示するだけですが、開発ではダイアログの結果に応じた処理を実行することが多いです。「いいえ」を選択した場合には何もしないといったような処理が考えられます。まとめ今回はJavaScriptでダイアログを作成する方法について解説しました。ダイアログはユーザーに選択肢を提示することができるため、JavaScriptを使うことでより使いやすく、分かりやすいWebページを作ることができます。この記事ではJavaScriptの基礎を理解した方向けに、実際に手を動かして学べる練習問題をいくつか紹介します。JavaScriptはWeb開発に欠かせないプログラミ...tenjiprogramming20代エンジニア。メインで使用している言語はJava/JavaScript/TyoeScript/react/C言語AWSなどクラウド周りも経験あり。楽しいをモットーに記事を書いています。Noteではサンプルコード付きのゲームの作り方など様々な内容を公開しています。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。プログラミングtenjiprogramming20代エンジニア。メインで使用している言語はJava/JavaScript/react/C言語などAWSなどクラウド周りも経験あり。楽しいを大事に記事を書いています。