Observer cookie changes

cookie-observer.js

		const cookieEvent = new CustomEvent('cookieChanged', {
			bubbles: true,
			detail: {
				cookieValue: document.cookie,
				checkChange: () => {
					if (cookieEvent.detail.cookieValue != document.cookie) {
						cookieEvent.detail.cookieValue = document.cookie;
						return 1;
					} else {
						return 0;
					}
				},
				listenCheckChange: () => {
					setInterval( () => {
						if (cookieEvent.detail.checkChange() == 1) {
							cookieEvent.detail.changed = true;
							//fire the event
							cookieEvent.target.dispatchEvent(cookieEvent);
						} else {
							cookieEvent.detail.changed = false;
						}
					}, 1000);
				},
				changed: false,
			},
		});

		document.addEventListener('cookieChanged',  (e) => {
			e.detail.listenCheckChange();
			if (e.detail.changed === true) {
				/*YOUR CODE HERE FOR DO SOMETHING 
				  WHEN USER CHANGED THE COOKIE VALUE */
				console.log(e.detail);
			}
		});
		const cookieEventDispatcher = (e) =>{
			e.target.dispatchEvent(cookieEvent);
		};
		/*FIRE cookieEvent EVENT WHEN THE PAGE IS LOADED TO
		 CHECK IF USER CHANGED THE COOKIE VALUE */
		window.addEventListener('load', cookieEventDispatcher);