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