JavaScriptにおけるダイアログ処理の使い方


ccc

こんにちわ!東京都内でサラリーマンをしているAI・育児ブロガーのCCCです。 AI(人工知能)と子育てに関する記事を執筆しています。 WebシステムをベースとしたAIを活用することで生活をより便利にする方法を紹介し、育児について衣食住における役立つグッズや情報を配信しています。


JavaScriptにおけるダイアログ処理の使い方を教えてください。


ccc

JavaScriptはクライアント側で実行されるオブジェクト指向型のスクリプト言語です。主にブラウザ上で実行され、ユーザのアクションに応じて動的にWebページの内容を書き換えたり、フォームに入力された内容をチェックしたりといったことがクライアント側で実現できます。また、Ajaxという仕組みを利用することで、Webサーバーとブラウザとの間で非同期通信を行えるので、ページを切り替えることなくページの内容を書き換えることができます。Web系AIとJavaScriptの親和性はピカイチで、AIをWebブラウザから使うためのライブラリが公開されています。


ccc

今回はJavaScriptの使い方として、JavaScriptにおけるダイアログ処理の使い方をサンプルを用いて解説します。

警告ダイアログ

alert()は警告ダイアログを表示するメソッドです。

window.alert("test");

確認ダイアログ

confirm()は確認ダイアログを表示するメソッドです。”OK”を押すとtrue、”キャンセル”を押すとfalseを返します。

temp=window.confirm("click ok or cancel");
if(temp==true)console.log("ok");
if(temp==false)console.log("cancel");

入力ダイアログ

prompt()は入力ダイアログを表示するメソッドです。第1引数に表示する文字列を指定し、第2引数に初期値の文字列を指定します。”OK”を押すと入力した文字列、”キャンセル”を押すとNullを返します。

temp=window.prompt("test", "testtest");
if(temp!=null)console.log(temp);
//testtest