Compare commits
1 Commits
master
...
eliasjohn-
Author | SHA1 | Date |
---|---|---|
Elias John | 3c838ea554 | 4 years ago |
@ -1 +1,35 @@
|
|||||||
console.log
|
let darkmode = false ;
|
||||||
|
const BUTTON= Document.getElementbyId ('Switch ');
|
||||||
|
const Body = document.querySelector ('body') ;
|
||||||
|
|
||||||
|
|
||||||
|
if (window.matchMedia('(prefers-scheme:dark )').matches ) {
|
||||||
|
darkmode= true ;
|
||||||
|
} else{
|
||||||
|
darkmode= false;
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log(darkmode);
|
||||||
|
|
||||||
|
const switchMode = () => {
|
||||||
|
darkmode = !darkmode;
|
||||||
|
setclassTobody();
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const setclassTobody =() => {
|
||||||
|
if (darkmode){
|
||||||
|
Body.classList.remove('light');
|
||||||
|
Body.classList.add('dark');
|
||||||
|
|
||||||
|
}else{
|
||||||
|
Body.classList.add('light');
|
||||||
|
Body.classList.remove('dark');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
} ;
|
||||||
|
|
||||||
|
BUTTON.addEventLister('click', switchMode );
|
||||||
|
setclassTobody;
|
||||||
|
|
Loading…
Reference in New Issue