本掲示板への質問でいいのかわからないのですが、質問させてください。

また、やっていることがまったくの見当違いでしたら、申し訳ありません。

【やりたいこと】

JavaScriptでスクロールに合わせて背景色のCSSを変更したい

【やったこと】

記事下のカスタムCSS＆JSへ以下を記載

●CSSへの記述

html, body, p{
  margin: 0;
  padding: 0;
}

body{
  height:10000px;
  background: #FF4081;
  transition: 1s;
}

●JSへの記述

//スクロール発火イベント
window.addEventListener( "scroll" ,function(){

  //スクロールの高さを取得
  let scroll = window.pageYOffset;
  
  if( scroll > 4000 ){ 
    document.body.style.backgroundColor = '#FFC400';
  }else if( scroll > 3000 ){
    document.body.style.backgroundColor = '#43A047';
  }else if( scroll > 2000 ){
    document.body.style.backgroundColor = '#FF6F00';
  }else if( scroll > 1000 ){
    document.body.style.backgroundColor = '#0091EA';
  }else{
    document.body.style.backgroundColor = '#FF4081';
  }
  
});

【問題】

JSへの記述をして記事の更新をしても、更新が終わらず結局内容は反映されない。

長々と失礼いたしました。

何がいけないのでしょうか？