let customFooter = document.querySelector(".customFooter"), dropMenuLinks = document.querySelector(".dropMenuLinks"), contentWrapper = document.querySelector(".contentWrapper"), navbar = document.querySelector(".navbar"); (() => { let dropMenuLinksContent = `

Menu

Home Power of Knowledge Blogs
Features
`; dropMenuLinks.innerHTML = dropMenuLinksContent; let navbarContent = `
Moksh Logo Moksh
`; navbar.innerHTML = navbarContent; let footerContent = `

Sign Up for our newsletter:

Get weekly updates regarding Moksh.

`; customFooter.innerHTML = footerContent; let copyRightYear = document.getElementById("copyright-year"); let currentDate = new Date(); let currentYear = currentDate.getFullYear(); copyRightYear.innerText = currentYear; })(); contentWrapper.onscroll = () => { contentWrapper.scrollTop > 5 ? navbar.classList.add("bg-slate-100", "shadow-2xl") : navbar.classList.remove("bg-slate-100", "shadow-2xl"); }; let subscribeBtn = document.querySelector(".subscribeBtn"); subscribeBtn.onclick = () => { alert("It will be functional soon!!"); }; let indexOpenDropDown = document.querySelector(".indexOpenDropDown"); indexOpenDropDown.onclick = () => { dropMenuLinks.style.right = 0; }; let closeDropDown = document.querySelector(".closeDropDown"); closeDropDown.onclick = () => { dropMenuLinks.style.right = "-2000px"; }; const topButton = document.getElementById("bttbutton"); function scrollUp() { if (contentWrapper.scrollTop > 100) { topButton.style.display = "block"; } else { topButton.style.display = "none"; } } function getTop() { contentWrapper.scrollTo({ top: 0, behavior: "smooth", }); } contentWrapper.addEventListener("scroll", scrollUp); topButton.addEventListener("click", getTop);