ワードプレスで縦のスクロール位置が特定の要素範囲内の時に背景色を変更したい

Question

実現したいこと

ワードプレスで縦のスクロール位置が特定の要素範囲内の時はページ背景色を指定色に変化させ、
範囲外の時は白色にしたい。

試したこと

コードペンで以下のように試したのですが、一度.change-background-colorの範囲内に入ると背景色が黄色に変わりますが、その後範囲外に抜けても色が白色に代わらず困っています。
https://codepen.io/Y0241-N/pen/MWqqyWK

条件的には満たしているはずなのですが、なぜ範囲外になった際に色が変わらないのか分かりません。
よろしくお願いします。

Answer 1

     document.body.style.backgroundColor = '#FFFFF';

F が一つ足りないんじゃないでしょうか。

Comments

[Y0241-N]

完全に見落としていました、ありがとうございます。
1つ足して問題なく変わることを確認できました。