ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
JavaScriptについて
JavaScriptは、Webページの動的な機能やインタラクティブな機能を実装するためのスクリプト言語です。JavaScriptは、HTMLとCSSと組み合わせて使用され、Webページの機能や動作を拡張することができます。
JavaScriptの基本構文
<script>タグの中にJavaScriptコードを記述することで、WebページにJavaScriptを組み込むことができます。JavaScriptコードは、ブラウザで実行されます。
JavaScriptのデータ型
JavaScriptには、以下のようなデータ型があります。
- 文字列型: テキストを表します。
- 数値型: 数値を表します。
- 真偽型: 真(true)または偽(false)を表します。
- 配列型: 複数の値をまとめて表します。
- オブジェクト型: 複数のプロパティを持つオブジェクトを表します。
- 関数型: 実行可能なコードブロックを表します。
- null型: 値が存在しないことを表します。
- undefined型: 値が未定義であることを表します。
JavaScriptは、動的型付け言語であるため、変数には任意のデータ型を割り当てることができます。
JavaScriptの制御構文
JavaScriptには、以下のような制御構文があります。
- if文: 条件が真の場合にコードを実行します。
- else文: 条件が偽の場合に実行するコードを指定します。
- for文: ループを実行し、指定された条件が満たされるまでコードを実行します。
- while文: 条件が真の場合にコードを繰り返し実行します。
- switch文: 変数の値に基づいて、実行するコードを選択します。
JavaScriptの関数
JavaScriptには、関数を定義して、複数の処理をまとめることができます。以下は、関数の定義の例です。
function 関数名(引数1, 引数2, ...) { // 処理 return 戻り値; }
引数を指定することで、関数にデータを渡すことができます。return文を使用することで、関数から値を返すことができます。
JavaScriptのイベント
JavaScriptは、Webページ上で発生するイベントに応答することができます。以下は、よく使用されるイベントの例です。
- click: 要素がクリックされたときに発生します。
- change: フォームの値が変更されたときに発生します。
- mouseover: 要素にマウスが乗ったときに発生します。
- mouseout: 要素からマウスが離れたときに発生します。
- keydown: キーが押されたときに発生します。
JavaScriptを使用して、イベントに応答するために、以下のようにコードを記述することができます。
要素.addEventListener('イベント名', 関数名);
イベントが発生したときに、指定された関数が実行されます。
まとめ
JavaScriptは、Webページの動的な機能やインタラクティブな機能を実装するためのスクリプト言語です。JavaScriptを使用することで、Webページに多くの機能を追加することができます。JavaScriptには、多くのデータ型、制御構文、関数、およびイベントがあります。Web開発において、JavaScriptの基本的な知識を持つことは非常に重要です。
人気ページ
最近更新/作成されたページ
- 【Mac】プリントジョブのオフセットとは(カスタムプリセットとの違い) (2023-08-14 09:54:04)
- 印刷関連 (2023-08-14 09:45:32)
- 【エラー】ドキュメントが読み込まれなかったため、デザイナーを表示できません (2023-08-12 06:36:23)
- SattaMatka (2023-07-03 19:31:13)
- ログイン画面(認証システム)の作成 (2023-06-13 17:09:48)
- 本番環境のdll内で参照しているdllファイルの置き場所 (2023-04-27 18:10:31)
- 【Visual Studio】 C#のForm自動生成時に「値が有効な範囲にありません」エラー (2023-04-27 10:04:15)
- 【Inno Setup】 エラー: disk spanning must be enabled in order to create an installation larger than 2100000000 (2023-04-19 09:29:09)
- Inno Setupとは (2023-04-19 09:27:47)
- その他 (2023-04-19 09:26:00)
最近コメントのあったページ
最近の質問
- c.wiki (2023-09-14 10:51:04)
- $(document).ready(function() { ... ってなに? (2023-04-17 11:02:56)
- 質問です (2020-02-20 12:19:36)
- フリーランスの単価って高いですか? (2020-02-12 19:56:16)
- 情報系のaoを受けるつもりなんですが何かおすすめのソフトはありますか? (2020-02-12 19:54:22)
- test3 (2020-02-08 23:50:54)
- セレクトボックスのCSSのcontentで三角の部分が押せない (2019-07-03 13:06:10)
- GCPのwp-config.phpでpermission denied (2019-06-05 20:04:08)
- Spring FrameworkのEntityのカラム名の大文字小文字、アンスコについて (2019-02-01 07:13:49)
- PHP(Laravel)からPythonのプログラムを呼び出したいのですがどうすればよいでしょうか。 (2018-12-06 06:26:57)
- djangoを本番環境にデプロイしたいのですがどのレンタルサーバー or VPSサーバーがよいですか (2018-12-01 12:04:18)
- Django administrationのUsernameとPasswordについて (2018-11-30 11:55:20)
- Google Adsenseでアダルトコンテンツと誤認されてしまいました。 (2018-09-09 17:15:36)
- Google MapsをUnityで使用する方法&料金 (2018-08-28 02:37:26)
- Amazon PA-APIのSort=salesrankが効かない (2018-07-21 08:54:25)
- 楽観ロックと悲観ロックの違い (2018-01-11 05:05:33)
- レンタルサーバーって沢山ありますけどどこがいいでしょうか?AWSってどうなんですか? (2018-01-09 10:03:20)
- ディープラーニングのライブラリってどれがオススメですか? (2018-01-06 05:15:40)
- Webスクレイピングってどこまでが違法なんでしょうか? (2018-01-06 05:09:08)
- 人工知能(AI)、機械学習、ディープラーニングの違い (2018-01-06 02:40:44)
コメントを削除してもよろしいでしょうか?
コメントがありません