# Javascriptとは？ JavaScriptは、Webページに**動き**や**インタラクション**を追加するためのプログラミング言語です。\ HTMLとCSSで作った静的なページに、アニメーションやボタンのクリックイベント、データの動的更新などの機能を追加できます。 *** ### JavaScriptの特徴 1. **動的な動作を実現**\ ボタンをクリックしたり、フォームに入力したりしたときに、Webページの内容を変更できます。 2. **ブラウザで動作**\ JavaScriptコードは、特別な環境を用意しなくてもブラウザ内で動作します。 3. **HTMLやCSSと連携**\ JavaScriptを使えば、HTMLの要素やCSSスタイルを動的に操作できます。 *** ### JavaScriptを使う方法 JavaScriptはHTMLファイルに以下のように記述して使います。 #### 1. **HTML内に直接記述（インラインスクリプト）** HTML内の` ``` *** #### 2. **外部ファイルを使う方法** JavaScriptコードを別ファイル（拡張子: `.js`）に保存して、HTMLから読み込む方法です。 **HTMLファイル** ```html 外部JavaScriptの例

外部ファイルで管理

``` **JavaScriptファイル（`script.js`）** ```javascript alert("外部ファイルからJavaScriptが読み込まれました！"); ``` *** ### JavaScriptの基本構文 JavaScriptを書くための基本ルールを紹介します。 #### 1. **変数** データを保存するために使います。 ```javascript let name = "太郎"; // 変数nameに文字列を代入 const age = 25; // 変更できない定数 let isStudent = true; // 真偽値（true/false） ``` #### 2. **データ型** JavaScriptでは、さまざまなデータ型を扱えます。 | データ型 | 例 | | -------------- | ------------------------- | | 数値（Number） | `42`, `3.14` | | 文字列（String） | `"こんにちは"`, `'Hello'` | | 真偽値（Boolean） | `true`, `false` | | 配列（Array） | `[1, 2, 3]`, `["A", "B"]` | | オブジェクト（Object） | `{key: "value"}` | *** #### 3. **関数** 特定の処理をまとめておく仕組みです。 ```javascript function sayHello() { console.log("こんにちは！"); } sayHello(); // 関数を実行 ``` *** #### 4. **条件分岐** 条件に応じて異なる処理を実行します。 ```javascript let age = 20; if (age >= 18) { console.log("成人です。"); } else { console.log("未成年です。"); } ``` *** #### 5. **繰り返し処理（ループ）** 同じ処理を繰り返します。 ```javascript for (let i = 0; i < 5; i++) { console.log("繰り返し: " + i); } ``` *** ### DOM（Document Object Model）操作 JavaScriptでHTMLを動的に操作するためには、DOM（文書オブジェクトモデル）を使います。 #### 例1: 要素の取得と変更 ```html DOM操作の例

最初のタイトル

``` *** #### 例2: イベントの追加 JavaScriptでイベントを設定できます。 ```html クリックイベント ``` *** ### 簡単なサンプル以下はJavaScriptを使って動きを加えた例です。 ```html 簡単なJavaScript例

カウントアップ

クリックするとカウントが増えます。

``` *** ### 次に学ぶこと JavaScriptを学んだら、次は以下を学ぶとさらに応用が広がります。 1. **JavaScriptの配列やオブジェクトの操作** 2. **APIとの連携（データを取得する方法）** 3. **JavaScriptフレームワーク（React, Vue.jsなど）** JavaScriptを使って、Webページに動きを加える楽しさを体験してみましょう！ 😊