teratail header banner
teratail header banner
質問するログイン新規登録

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.30%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

1399閲覧

Cannot read properties of undefined のエラー

yyy_3636

総合スコア1

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2022/07/12 16:19

編集2022/07/14 08:40

0

1

前提

HPが作りたくて、最近始めた初心者です。
インターセクションオブザーバーを実装したいのですが、
classListの追加?でつまずいています。

add("active")のところで定義がないというエラーになってしまいました。

js

1let ddd = document.querySelector("#d_1"); 2let eee = document.querySelector("#e_1"); 3 4 5//関数 6let imgActive = (entries) => { 7 console.log(entries); 8 entries.forEach(entry => { 9 if(entry.isIntersecting) { 10 entry.terget.classList.add("active"); 11 } 12 }); 13} 14 15let options = { 16 threshold: 0.5 17}; 18 19 20//監視 21let observer = new IntersectionObserver(imgActive,options); 22 23observer.observe(ddd); 24observer.observe(eee);

実現したいこと

オブザーバーが機能するようにしたい。

発生している問題・エラーメッセージ

Uncaught TypeError: Cannot read properties of undefined (reading 'classList')

該当のソースコード

js

1let imgActive = (entries) => { 2 console.log(entries); 3 entries.forEach(entry => { 4 if(entry.isIntersecting) { 5 entry.terget.classList.add("active"); 6 } 7 }); 8}

試したこと

他の方法も試したのですが、この書き方が一番進みました。
少し書き方を変えてもみましたが、変わらずエラーになります…。

補足情報(FW/ツールのバージョンなど)

Visual Studio Codeを使用しています。
まだ不慣れで、説明も分かりにくいかもですが、教えてくれると嬉しいです。よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

jimbe

2022/07/12 16:24

java と javascript は違う言語ですので、タグは再考していただけると助かります。
yyy_3636

2022/07/14 08:45

そうだったのですね…変更しました。教えて頂きありがとうございます!
guest

回答1

0

ベストアンサー

entry.terget->entry.target

投稿2022/07/12 16:50

kei344

総合スコア69625

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yyy_3636

2022/07/14 08:47

エラー取れました。こんなミスに付き合ってくれてありがとうございます…!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.30%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問