3

JavaScript を実行する（基本実習）

開発ツールの表示をオン/オフする方法はいくつかある。
- Windows では多くのブラウザが F12 キーにも割当てられている。
開発ツールはいくつかの機能画面（タブと呼んでいいだろう）の集合体。
- 「コンソール」もその１つ。
- この「コンソール」が javascript の REPL として動作している。
任意の画面（を表示しているタブ）から起動可能
- 起動元の画面（表側と言っても通じるかな）の状態を引き継いでいる
- その証拠に、
```
document.write("へれへれ")
```
  すると表画面が大きく変化する。
いくつかの入門的機能を試しておこう。
```
alert("もしもし")
//
for(const word of["もしもし","かめよ","かめさんよ"]) {
  console.log(word)
}
```
- それぞれの文法を確認されたし
- 繰り返しの構文として、CやJavaと同様のfor構文も使えるが、スクリプト言語らしい構文もいくつかあるのでそれを学んでおくといいだろう。
実際のサーバーサイドJSでは、DOM操作が中心的なテーマになる。

HTMLファイルを作る
Scriptタグを挟み、その中にJSのコードを書く
- 独立した .js ファイルを作り、その中にコードを書き、 <script src="..."></script> で呼び出すという方法もあり、広く使われている（コードのサイズが大きくなったり、複数のページで共用するコードなどに用いられる）
HTMLファイルをブラウザで開く（と、実行される）

開発ツール（コンソール）でその状況を確認することもできる。

<!doctype html>
<meta charset="utf-8">
<script>
console.log("実行しました")
const a="へれへれ"
</script>

DOM操作について調べてみよう
DOM操作のためのネイティブ関数（JSの仕様にAPIとして組み込まれている関数）は（歴史的事情もあって）やや複雑（だけど一回は使ってみることをお勧めします）、

なので、それを簡便にするためのライブラリ（代表格として jQuery）が広く使われている。