cookie-banner | JavaScript based cookie-info banner

Regarding Click to Show:

You need to close the Cookie setting pop-up and then perform scrollIntoView to click on the Element.

Was able to click on Click to Show with below code:

you should replace

You've just missed the await keyword. You have to await the element (button) before interacting (clicking) with it. So, your script looks good, just add the await for the acceptCookiesButton element.

You need to set the initial value too on the page load, See the modified Js code below

The comment thread on this question is semantically correct, you can only have one instance of each html id attribute, they must be unique, and your find_script_by_id methods are both searching for the same thing.

However, you're doing what's generally called "baking in" the scripts into your header which is at best, a faux pas, at least as far as WordPress is concerned. Properly Enqueueing Scripts (and styles) is very easy in WordPress, and your future self, web clients, and other people who look at your code will thank you for doing it.

It's not unlike how you're "baking in" the scripts now:

Try to declare the '_iub' variable as global one, like this:

If you look closely, you have two img tags:

You have duplicate codes:

• The code in your globaljs.js loads from youtube.com.

• The code inside your script tag embed in home loads from www.youtube-nocookie.com

Last Step:

For thumbnails img.youtube-nocookie.com does not work. You were fetching thumbnail from youtube.com all along. Change your thumbnail loading code to:

I found that there were several reference errors being thrown from my code. I had to correct the instances where I referenced variables as properties of window, and also fix the Unix to UTC time conversion in createCookie.