progateでjQueryを勉強し、いざ自分で書いてみると、全く反映されず、どうすればいいか分からなくなってしまいました。今回はそれが解決した経緯を紹介します。
##jQueryを読み込めていない
progateはここでつまづかないよう、すべてコピーすれば動くように簡単になっています。しかし実際自分でしようと思うと、「どうすればいいんや？」となることが多いです。
ではどうすればいいかというと、
・jQueryをダウンロードする方法
・他サーバーにあるjQueryファイルを使う
この二つになります。
一つ目はこちらのサイトからダウンロードしてください。jQueryをダウンロード
そしたらHTMLのhead内に下記のcodeを書きます。
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
これでjQUeryが読み込まれるようになります。
src先は自分で保存したファイル名にしてください！
もう一つは
<!-- jQueryの読み込み -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="my introduction.js"></script>
これをhead内に書き込むことで動くようになります。
このとき注意なのが先にjQueryのファイルを読み込むよう先に記述する必要があります。
また僕の場合はJSファイルを別にしているので紐づけけるために、2文目を書いています。
最後にbodyタグの一番下に
<script src="my introduction.js"></script>
と書けば完了です。
この時もsrcには自分のファイル名を書くようにしてください。
以上になります。
何か間違いや指摘があればお願いします。