Webデザイナーを目指す人のブログ

Webサイト作成時に勉強したことの備忘録

JavaScript サイト構築

【Javascript】ダイヤルボックス

投稿日:

                                                                                                                                 

alert

pcやスマホを使っているとダイヤルボックスが出てきて確認を求められることがしばしばあります。
今日はそのダイヤルボックスの出し方について書いていきます。

最初はアラートについてです。

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

これをかくことでこのアラートが出てきます。

confirm

次はOKボタンとキャンセルボタンが表示されるダイヤルボックスです。

<script>
	var answer = confirm("削除してよろしいですか?");
		console.log(answer);
</script>

これでOKボタンとキャンセルボタンが表示されるタイプのダイヤルボックスができます。

返り値があり、OKだったらtrue、キャンセルだったらfalseがコンソールツールに表示されます。

prompt

promptはユーザーが記入できる欄があるタイプのダイヤルボックスを表示させます。

<script>
	var name = prompt("好きな食べ物は?");
		console.log(name);
</script>

これでユーザーが記入する欄があるダイヤルボックスができます。

返り値があり、何か記入されたらその値がかえってきて、キャンセルだったらnullがコンソールツールに表示されます。

今日はダイヤルボックスの出し方について書いていきました。
明日は苦手意識の強い関数について書いていきます!

-JavaScript, サイト構築

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

WordPress オリジナルテーマを作る〜ヘッダー〜

今回から実際にサイトをつくっていこうと思います。 サイトのデザインがないので、今このブログを表示しているSTINGER8と同じデザインになるように作っていきたいと思います。 headerを作る 今回か …

no image

【Javascript】組み込みオブジェクト〜MathオブジェクトとDateオブジェクト〜

組み込みオブジェクト 本日は昨日に引き続き組み込みオブジェクトについて見ていきます。 すごく簡単に復習しますが、組み込みオブジェクトとはJavascriptで元々用意されているオブジェクトのことです。 …

no image

ファビコンを設定する

今日はファビコンの設定方法について書いていきます。 ファビコンとは ファビコンとはウェブサイトを開いた時のタブについているアイコンのことです。 ファビコンを設定しているとこのように表示され、いくつかタ …

no image

【jQuery】Ajax

今日から数回にわけてAjaxについて調べたことをまとめていきたいと思います。 そもそも私は今回のテーマであるAjaxというものを知らなかったわけなんですが、そんなド素人が噛み砕いて噛み砕いて噛み砕いて …

no image

WordPress オリジナルテーマを作る〜サイドとフッター〜

第5回目のWordPressのサイト作り 前回の記事までの記事はこちらから WordPress オリジナルテーマを作る〜ヘッダー〜 WordPress オリジナルテーマを作る〜ヘッダーその2〜 Wor …