サイト模写の備忘録2 JavaScript編

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

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

音楽を聴きながら、コード勉強すると効率が良くないですか?

引き続き、有名な「Code-step」という学習サイトの模写における「HTML上級編」のうち、今回は、「JavaScript」言語のコード入力をした際に、期待する動作がない状態に対する対処法です。

きっと、コード初学者の皆さんにも「あるある」の話になるのではないでしょうか。

今回の入力ミスについて(備忘録2)

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

こうしたミスは起こり得るものかと思いいます。

  1. 期待するスクリプトが機能しない。
  2. コードをチェックするものの、スペル入力ミスではなさそうである。
コーディング学習サイト「Code-step」です。ほんとにお世話になっています。

  

解決したこと

今回の不具合は、期待しているスクリプト機能が動作しない、という箇所でした。
 

 確認をした結果、スペル入力間違いは無く、共通Function処理としていた「hamburgerメニュー」のスクリプト処理について、hamburger関数内(任意関数内)で、scroll処理を含む不要なfunctionが混入していたため、結果的にサイドバーとバックグラウンドの機能が実装されていない状態でした。

このことが判明しましたので、早期にソースコードの修正を行い、ハンバーガーメニュー、バックグラウンド表示の課題はともに、同時に解消されました(原因が判明してよかったです!」)。
 

それでは、また。 

コメントを残す