FilesExpand file tree

 main

/

script.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

61 lines (47 loc) · 1.61 KB

 main

/

script.js

Copy path

Top

File metadata and controls

• Code
• Blame

61 lines (47 loc) · 1.61 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

const buttons = document.querySelectorAll('.button');

const body = document.querySelector('body');

buttons.forEach(function (button){

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

switch(e.target.id){

case "white":

body.style.backgroundColor = e.target.id;

body.style.color = "black";

break;

case "black":

body.style.backgroundColor = e.target.id;

body.style.color = "white";

break;

case "red":

body.style.backgroundColor = e.target.id;

body.style.color = "white";

break;

case "blue":

body.style.backgroundColor = e.target.id;

body.style.color = "white";

break;

case "green":{

body.style.backgroundColor = e.target.id;

body.style.color = "white";

break;

}

case "cyan":{

body.style.backgroundColor = e.target.id;

body.style.color = "black";

break;

}

case "magenta":{

body.style.backgroundColor = e.target.id;

body.style.color = "black";

break;

}

case "gray":{

body.style.backgroundColor = e.target.id;

body.style.color = "white";

break;

}

default:{

document.html.style.backgroundColor = "wheat";

}

}

})

} );