diff options
| author | Fudgerboy <91767657+Fudgerboy@users.noreply.github.com> | 2024-07-04 23:53:13 +0000 |
|---|---|---|
| committer | Fudgerboy <91767657+Fudgerboy@users.noreply.github.com> | 2024-07-04 23:53:13 +0000 |
| commit | 8e8dc9dccfac082dc890ac21446bef07bbbbcfc4 (patch) | |
| tree | 55e247d609e580fab781e8bbd8593d84e0381b3c /wk8/lect/background.html | |
| parent | eccc08693b0498d8e5646cbfb850ad86e1871129 (diff) | |
Thu, Jul 4, 2024, 4:53 PM -07:00
Diffstat (limited to 'wk8/lect/background.html')
| -rw-r--r-- | wk8/lect/background.html | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/wk8/lect/background.html b/wk8/lect/background.html new file mode 100644 index 0000000..114e3e8 --- /dev/null +++ b/wk8/lect/background.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> + +<html lang="en"> + <head> + <title>background</title> + </head> + <body> + <button id="red">R</button> + <button id="green">G</button> + <button id="blue">B</button> + <script> + + let body = document.querySelector('body'); + document.querySelector('#red').addEventListener('click', function() { + body.style.backgroundColor = 'red'; + }); + document.querySelector('#green').addEventListener('click', function() { + body.style.backgroundColor = 'green'; + }); + document.querySelector('#blue').addEventListener('click', function() { + body.style.backgroundColor = 'blue'; + }); + + </script> + </body> +</html> + |