Javascriptの実行順序

https://gyazo.com/b29ffc9fcc0d537d2a297b372455881a

このコードは文章段落を選択して(1行目)

イベントリスナーを登録して (3行目)段落がクリックされた時に updateName() とゆう

コードブロック(関数)はユーザーに新しい名前を聞き出して、表示内容を変更するため、段落に名前を挿入します。もし、最初の2行を入れ替えた場合、動かなくなります。

代わりにブラウザー側のコンソールにエラーが発生していてTypeError:para is undefined paraと言うオブジェクトがまだ存在していないため、イベントリスナーが設定できないとゆうことを表しています。

インタープリタとコンパイルコード

Javascriotはインタープリタ言語になります。コードが上から下に実行されてコードの実行結果が返ってきます。

サーバーサイドコードとクライアントサイドコード

クライアントサイドコードとはコンピュータ上で実行されるコードでWEBページを見ている時にコードがダウンロードされブラウザーで実行されて表示されます。