Website: mankapuas.sch.id

Instagram : man_kapuas
FB : MAN Kapuas
Youtube : MAN KAPUAS
MAN KAPUAS : Akreditasi : A
Website Dalam Pengembangan

Jam JS

 //Informatika MAN Kapuas 

const deg = 6;

const hour = document.querySelector(".hour");

const min = document.querySelector(".min");

const sec = document.querySelector(".sec");

const setClock = () => {

let day = new Date();

let hh = day.getHours() * 30;

let mm = day.getMinutes() * deg;

let ss = day.getSeconds() * deg;

hour.style.transform = `rotateZ(${hh + mm / 12}deg)`;

min.style.transform = `rotateZ(${mm}deg)`;

sec.style.transform = `rotateZ(${ss}deg)`;

};

// first time

setClock();

// Update every 1000 ms

setInterval(setClock, 1000);

const switchTheme = (evt) => {

const switchBtn = evt.target;

if (switchBtn.textContent.toLowerCase() === "light") {

switchBtn.textContent = "dark";

// localStorage.setItem("theme", "dark");

document.documentElement.setAttribute("data-theme", "dark");

} else {

switchBtn.textContent = "light";

// localStorage.setItem("theme", "light"); //add this

document.documentElement.setAttribute("data-theme", "light");

}

};

const switchModeBtn = document.querySelector(".switch-btn");

switchModeBtn.addEventListener("click", switchTheme, false);

let currentTheme = "dark";

// currentTheme = localStorage.getItem("theme")

// ? localStorage.getItem("theme")

// : null;

if (currentTheme) {

document.documentElement.setAttribute("data-theme", currentTheme);

switchModeBtn.textContent = currentTheme;

}




0 komentar:

Pages - Menu

Teknologi hanyalah alat. Namun, untuk menjadikan peserta didik bisa saling bekerjasama dan termotivasi, guru adalah yang paling penting.” ---Bill Gates---

Online


Powered by IT Komputer MAN Kapuas