// GLOBAL VARS let Warning = document.getElementsByClassName("WarningMessage")[0]; let Main = document.getElementsByClassName("Main")[0]; let Arrows = document.getElementsByClassName("Arrow"); let BrowserWidth = window.innerWidth; let BrowserHeight = window.innerHeight; // Update a timer function UpdateTime() { var TimeNow = new Date(); var Hour = TimeNow.getHours(); var Minute = TimeNow.getMinutes(); var WebsiteTime = document.getElementsByClassName("Time")[0] WebsiteTime.innerHTML = ""; if (Hour < 10) { WebsiteTime.innerHTML = WebsiteTime.innerHTML + "0" + Hour; } else { WebsiteTime.innerHTML = WebsiteTime.innerHTML + Hour; } WebsiteTime.innerHTML = WebsiteTime.innerHTML + ":"; if (Minute < 10) { WebsiteTime.innerHTML = WebsiteTime.innerHTML + "0" + Minute; } else { WebsiteTime.innerHTML = WebsiteTime.innerHTML + Minute; } } setInterval(UpdateTime, 1000); // When the window is resized. onresize = (event) => { BrowserWidth = window.innerWidth; BrowserHeight = window.innerHeight; Start(); }; // When the tag is done loading all it's elements function Start() { Warning.setAttribute("style", "height: " + BrowserHeight + "px; width: " + BrowserWidth + "px;"); Main.setAttribute("style", "height: " + BrowserHeight + "px; width: " + BrowserWidth + "px;"); Arrows[1].setAttribute("style", "left: " + (BrowserWidth - 100) + "px;"); } // On clicking the warning message function WarningFade() { Warning.classList.add("WarningFadeOutAnimation"); document.getElementsByClassName("BlinkAnimation")[0].classList.remove("BlinkAnimation"); Main.classList.add("MainFadeInAnimation"); Main.classList.remove("Main"); Main = document.getElementsByClassName("MainFadeInAnimation")[0] }