My website's scrollbar is not recognizing the effect I added in Javascript

I have written a Javascript code that changes the navigation bar color when you scroll down. But there is some error and the CSS effect is not being displayed.

Here is the CSS code.

Here is the Javascript code.

Here is my website.

When I'm trying to scroll down the CSS effect is not working.