[JS] Wrapped everything to DOM Loaded
This commit is contained in:
@@ -1,3 +1,5 @@
|
|||||||
|
window.addEventListener("DOMContentLoaded", () => {
|
||||||
|
|
||||||
const getById = (id) => document.getElementById(id);
|
const getById = (id) => document.getElementById(id);
|
||||||
const getByClass = (className) => document.getElementsByClassName(className)[0];
|
const getByClass = (className) => document.getElementsByClassName(className)[0];
|
||||||
|
|
||||||
@@ -44,7 +46,7 @@ const openMenu = () => {
|
|||||||
|
|
||||||
window.addEventListener("resize", () => isMenuOpen() && closeMenu());
|
window.addEventListener("resize", () => isMenuOpen() && closeMenu());
|
||||||
main.addEventListener("click", () => isMenuOpen() && closeMenu());
|
main.addEventListener("click", () => isMenuOpen() && closeMenu());
|
||||||
hamburger.addEventListener("click", () => isMenuOpen() ? closeMenu() : openMenu());
|
hamburger?.addEventListener("click", () => isMenuOpen() ? closeMenu() : openMenu());
|
||||||
|
|
||||||
themeBtn.addEventListener("click", () => {
|
themeBtn.addEventListener("click", () => {
|
||||||
const title = themeBtn.getAttribute("title") ?? "off"
|
const title = themeBtn.getAttribute("title") ?? "off"
|
||||||
@@ -57,3 +59,4 @@ themeBtn.addEventListener("click", () => {
|
|||||||
const userPerfersDark = window?.matchMedia?.("(prefers-color-scheme: dark)").matches
|
const userPerfersDark = window?.matchMedia?.("(prefers-color-scheme: dark)").matches
|
||||||
if (!theme && userPerfersDark) changeToDarkTheme();
|
if (!theme && userPerfersDark) changeToDarkTheme();
|
||||||
else theme === "light" ? changeToLightTheme() : changeToDarkTheme();
|
else theme === "light" ? changeToLightTheme() : changeToDarkTheme();
|
||||||
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user