JavaScriptToggler/script.js at main · webdevck121/JavaScriptToggler · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
// let l = {
//     bg : 'white',
//     fg :'black'
// }

// let d = {
//     bg :'black',
//     fg :'white'
// }

let toggle = {
    light : {
        bg:'white',
        fg :'black'
    },
    dark : {
        fg:'white',
        bg :'black'
    },
}

let light = document.querySelector('#light')
let dark = document.querySelector('#dark')
let back = document.querySelector('#back')

light.addEventListener('click',()=>{
    back.style.backgroundColor = `${toggle.light.bg}`;
    back.style.color = `${toggle.light.fg}`
})

dark.addEventListener('click',()=>{
    back.style.backgroundColor = `${toggle.dark.bg}`;
    back.style.color = `${toggle.dark.fg}`;
})

button.addEventListener('click',function(){

})