diff --git a/script.js b/script.js index 5fdf7bf..625cfcb 100644 --- a/script.js +++ b/script.js @@ -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; +