JavaScript（JS）とは？

JavaScript（JS）は、Webページに動きをつけるための言語です。
ボタンを押したとき、文字を変えるとき、検索するとき、タブを切り替えるときに使います。

JSは JavaScript（ジャバスクリプト） の略です。

💡 教材としてのポイント
自作のWebツールでは、JSが「動き」を担当します。
HTMLで画面を作り、CSSで見た目を整え、JSで操作できるようにします。

できること（例）

実際の動き（体験）

こんにちは

💡 今までのまとめ

HTML → 内容・骨組み
CSS → 見た目
JS → 動き

JSコマンド辞書

JavaScriptの命令（コード）はたくさんありますが、
よく使うものから覚えていけば大丈夫です。
分からないときはこの一覧で調べながら使いましょう。

JavaScriptでよく使われる基本的な命令をまとめました。

基本操作

命令意味
console.log()情報を出す（確認用）
alert()画面にメッセージを出す
prompt()ユーザーに入力してもらう箱を出す

変数

命令意味
letあとで変えられる「変数」を作る
constあとで変えられない「定数」を作る
var昔の書き方（今はあまり使わない）

条件分岐

命令意味
if / elseもし〜なら、そうでなければ
switchたくさんの条件で分ける

繰り返し

命令意味
for / while同じことを繰り返す
for...of中身を順番に取り出す

関数

命令意味
functionひとまとまりの処理を作る
=> (アロー関数)関数を短く書く方法
return結果を返す

DOM操作

命令意味
document.getElementById()ID名で要素を見つける
document.querySelector()セレクタで要素を見つける
element.textContent文字を書き換える
element.innerHTMLHTMLごと書き換える
element.style見た目を書き換える
element.addEventListener()クリック等の反応を設定する

配列

命令意味
array.push()最後に追加する
array.forEach()ひとつずつ処理する
array.map()加工して新しく作る

外部ファイルの読み込み

🔗 書き方
<script src="script.js"></script>

このタグをHTMLの </body> 直前に書くことで、別ファイルのJSを動かせます。