今までhtmlファイルの中にJavaScriptの処理を直書きしていたが、今回はJavaScriptの処理を外部ファイル化してHTMLと分離し、htmlの記述をスッキリさせてみる。JavaScriptの外部ファイルを作成まず、JavaScriptの外部ファイルを作成する。いっても、今までhtmlに書いてきた部分を以下のように新しいファイルにコピペし、tryFortune.jsというファイル名で保存するだけ。HTMLファイルからJavaScriptの外部ファイルを呼び出す前回作成したweb_omikuji_time.htmlを以下のように書き換える。src=”tryFortune.js”>で呼び出している。.htmlファイルと.jsファイルを同じディレクトリに置くなら上記のようにsrcでファイル名だけ指定すればよいが、.jsファイルを別のディレクトリに置く場合は、.htmlから見た相対パスで指定する。src=”directory/tryFortune.js”>のような感じ。pagesにプッシュしたので、以下ページの「web_omikuji_time」のリンクから今回の内容が確認できる。Chromeの「検証」機能を使ってhtmlコードを見てみると、JavaScriptの外部ファイルを呼び出していることを確認できる。勉強記まとめ今までの勉強記は以下にまとめています。初学者の目線で色々つくったり、試してみたりしてるので、興味があればどうぞ。wakky映画と旅行が大好きなエンジニア。お酒、ゲーム、読書も好き。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。