//Btns Definition ColorBlindBtn = document.getElementById('color-blind-bt'); DarkBtn = document.getElementById('dark-bt'); LightBtn = document.getElementById('light-bt'); IncFontBtn = document.getElementById('inc-font-bt'); NeutralFontBtn = document.getElementById('neutral-font-bt'); DecFontBtn = document.getElementById('dec-font-bt'); //Color Blind ColorBlindBtn.addEventListener("click", function () { DarkBtn.classList.remove("active"); LightBtn.classList.remove("active"); ColorBlindBtn.classList.toggle("active"); document.body.classList.toggle("color-blind"); document.body.classList.remove("dark"); }); //Dark Mode and Light Mode DarkBtn.addEventListener("click", function () { DarkBtn.classList.add("active"); LightBtn.classList.remove("active"); ColorBlindBtn.classList.remove("active"); document.body.classList.add("dark"); document.body.classList.remove("color-blind"); }); LightBtn.addEventListener("click", function () { DarkBtn.classList.remove("active"); LightBtn.classList.add("active"); ColorBlindBtn.classList.remove("active"); document.body.classList.remove("dark"); document.body.classList.remove("color-blind"); }); // FontUp IncFontBtn.addEventListener("click", function () { if (document.body.classList.contains("font-up-1")) { document.body.classList.add("font-up-2"); document.body.classList.remove("font-up-1"); document.body.classList.remove("font-down-1"); document.body.classList.remove("font-down-2"); } else if (document.body.classList.contains("font-up-2")) { } else { document.body.classList.add("font-up-1"); document.body.classList.remove("font-up-2"); document.body.classList.remove("font-down-1"); document.body.classList.remove("font-down-2"); } }); // Font Normal NeutralFontBtn.addEventListener("click", function () { document.body.classList.remove("font-down-1"); document.body.classList.remove("font-down-2"); document.body.classList.remove("font-up-1"); document.body.classList.remove("font-up-2"); }); // Font Down DecFontBtn.addEventListener("click", function () { if (document.body.classList.contains("font-down-1")) { document.body.classList.add("font-down-2"); document.body.classList.remove("font-down-1"); document.body.classList.remove("font-up-1"); document.body.classList.remove("font-up-2"); } else if (document.body.classList.contains("font-down-2")) { } else { document.body.classList.add("font-down-1"); document.body.classList.remove("font-down-2"); document.body.classList.remove("font-up-1"); document.body.classList.remove("font-up-2"); } });