Still same your old 1.1 and new one still same :)

Sorry again, Mr. Michael. I reincluded them in an attempt to get the errors to go away with V1.0 and mistakenly left them there. I reuploaded V1.1 without them. It still shows the same javascript error though.

Just tried V1.1
and I give up trying to help at this point because you seem not really willing to take advice.

Two days ago I wrote "Now, that this file IS already recognized as Javascript, any additional <script></script> tags inside are not allowed / confusing the script interpreter.

Not a line of yours you don't understand this sentence, you don't agree ... whatever. You just silently leave the </script> tag in place. I'm sorry, but my idea of cooperation is different.

Not sure what the issue is Z Man. I went ahead and posted my best attempt at making it work. Still throws an error. Guessing I need a function to give the "topbar" an ID. Any thoughts?

Ok,
so with document.getElementById(".topbar")
w3schools is trying to find and access a node with the id .topbar
And the result is:
Uncaught TypeError: Cannot read properties of null (reading 'style')
null means: not found.
Thus, I'd ask myself: Does a node with an id like that exist at all in my theme? ;)

Just so you know, the basic coding for the component came from here...
w3schools.com

Here's the error again, hopefully easier to read...

Also, thanks Rafael! Glad to find some good code to work with. The Github repository has the V1.0 uploaded. AT3META's GitHub

I'm flattered to see my component been using as inspiration to a new component :-)

If you can, put your code into GitHub to allow us improve it.

Sorry, but I'm unable to read that. Upload that new code and we'll see ..

Ok, so I made a number of adjustments and ended up with the following error. Not sure how to proceed. See image for details... something about the javasript.