コンテンツにスキップ

JavaScript:メッセージとダイアログボックス

JavaScriptで、文字を表示したり入力するやり方を学習します。

関連項目


メッセージボックスを表示する

メッセージボックスを使うと文字を表示することができます。 メッセージボックスを表示するには、 alert() ​を使います。 alert(アラート) というのは、英語で「警告」という意味です。

alertのメッセージボックス

alert.html
<script>
alert("こんにちは!");
</script>

ダイアログボックスを表示する

ダイアログボックスを使うと文字や数字を入力することができます。 ダイアログボックスを表示するには、 prompt() ​を使います。 prompt(プロンプト) というのは、英語で「返答待ち」という意味です。

promptのダイアログボックス

prompt.html
<script>
let eto = prompt("あなたの干支(えと)は何ですか?");
</script>

こうすると、変数eto​に答えが入ります。変数についてはJavaScript:変数とはを見てください。


確認ウィンドウを表示する

ユーザになにか確認をとりたいときは、確認ウィンドウを使います。 確認ウインドウを表示するには、 confirm() ​を使います。 confirm(コンファーム) というのは英語で「確認する」という意味です。

confirmの確認ウィンドウ

confirm.html
<script>
let kotae = confirm("この先進んでいいですか?");
</script>

「OK」をクリックした時には、変数 kotae の中身は true 、「キャンセル」をクリックした時は変数 kotaefalse になります。