サイト備忘録　JavaScript編

こんにちは、関西在住で主夫歴５年越のYUJIです。

家事や子育てで、皆さんも毎日忙しい日々をお過ごしですか？

引き続き、有名な「Code-step」という学習サイトの模写における「HTML上級編」のうち、今回は、「JavaScript」言語のコード入力時によくあるミスをお伝えします。具体的には、「main.js」と呼ばれるファイル構成のコード作成時における発生しやすいミスを書いていきます。

今回の入力ミスについて（備忘録）

今回の入力時におけるミスは以下の通りです。

---

1. スムーススクロールのためのページ内リンクイベントで、クリック関数(.click())が不足
2. スムーススクロール時のジャンプ先id設定で、==であるべき箇所が–となっていた（単なる隣接ボタン入力ミスです。）
3. 同じくスクリプト内で、本来はシングルクォーテーション囲み(‘ ‘)がダブルクォーテーション(” “)になっていた。
4. let宣言時の=が+で誤入力（タイプミス）
5. .fadeInが.fdeInと誤入力
6. .hamburgerが.hambugerと誤入力
7. $(window).heightのheightがheghtと誤入力
8. rotate(90deg)がrotate(900)と誤入力
9. $(‘#contact’)の$がSで誤入力(4)
10. .fadeInが.faeInと誤入力
11. $(window).on(‘load resize’, function())の”が””（ダブルクォーテーション）で誤入力
12. toggleClass()がtaggleClass()と誤入力
13. activeクラスがacviveと誤入力
14. $(‘#navi’)が$(‘navi’)と未入力（#入力不足）
15. スクリプト動作がしない（ハンバーガーメニュー、サイドメニュー、バックグラウンドイメージの３種）

---

　　

今後について

今回のミスで一番大きいものは、期待しているスクリプト機能が動作しない、という箇所です。

これは致命傷になりますので、早急に確認をさせていただこうと思います。
　

　　　

それでは、また。