IT~情報と技術

ドットインストール「詳解JavaScript 基礎文法編」で勉強#03(別ファイルから実行)

ドットインストールというオンラインのプログラミング講座に「詳解JavaScript」というのがあります。

これでJavaScriptの基礎を勉強していきましょう。まずは「基礎文法編」から。

#03のメイントピックは、JavaScriptを別ファイルで保存して実行する方法です。

詳解JavaScript

ドットインストールのレッスン一覧に「②もっと詳しくJavaScriptを学ぼう」というセクションがあります。

ここに3つ並んでいる

  • 詳解JavaScript 基礎文法編(全24回)
  • 詳解JavaScript オブジェクト編(全23回)
  • 詳解JavaScript DOM編(全15回)

で勉強していきたいと思います。

これまでの勉強した内容はこちらです。

詳解JavaScript 文法編 #03

詳解JavaScript 基礎文法編 #03 別ファイルから実行してみよう ←講座はこちら

JavaScriptを別ファイルで保存する

昨日の#02では、index.htmlのbodyタグ内にscriptタグを置いて、JavaScriptを書きました。

今回はJavaScriptを別ファイルに書いて、それをindex.htmlから読みに行きます。

main.js

main.jsというJavaScriptを格納するファイルを作成して保存します。

scriptタグで読み込み

index.htmlから、main.jsの場所を指定して読み込みます。例えば以下のようになります。

せっかくなので、HTMLの復習もかねて確認しておきましょう。

scriptタグmain.jsを読み込むscriptタグ

MDNにHTMLのscriptタグの説明がありました。

HTML の <script> 要素は、実行できるコードを埋め込んだり参照したりするために使用されます。ふつうは JavaScript のコードの埋め込みや参照に使用されます。(MDNのscriptタグの説明から)

今日のまとめ

index.htmlから、別ファイルに格納されているJavaScriptを読み込む方法についてでした。

超スローペースなプログラミング学習ですが、マイペースでぼちぼち続けています。

JavaScriptはちょっと難しいですが、がんばって一通りやってみましょう!