From c258a7480347188165dabcefa27073ada382b973 Mon Sep 17 00:00:00 2001
From: Alex <idekanymore213users.noreply.github.com>
Date: Fri, 10 Nov 2023 14:55:08 +0000
Subject: [PATCH] bg change button

---
 dom_manipulation/button.html | 33 ++++++++++++++++++++++++---------
 1 file changed, 24 insertions(+), 9 deletions(-)
diff --git a/dom_manipulation/button.html b/dom_manipulation/button.html
index 790c6e8..ccd6684 100644
--- a/dom_manipulation/button.html
+++ b/dom_manipulation/button.html
@@ -1,16 +1,31 @@
 <!DOCTYPE html>
 <html>
-    <head><title>JavaScript Button Example</title></head>
 
-    <body>
+<head>
+    <title>Creative JavaScript Button Example</title>
+</head>
+
+<body>
     <button id='squeeze'>Squeeze me</button>
-    
+
     <script>
-     let button = document.getElementById("squeeze");
-     function shout(){
-	     alert("... and I squeak");
-     }
-     button.addEventListener("click", shout);
+        document.addEventListener("DOMContentLoaded", function () {
+            let button = document.getElementById("squeeze");
+
+            function changeColor() {
+                // Generate random values for RGB
+                let randomColor = 'rgb(' +
+                    Math.floor(Math.random() * 256) + ',' +
+                    Math.floor(Math.random() * 256) + ',' +
+                    Math.floor(Math.random() * 256) + ')';
+
+                // Change the background color of the body
+                document.body.style.backgroundColor = randomColor;
+            }
+
+            button.addEventListener("click", changeColor);
+        });
     </script>
-    </body>
+</body>
+
 </html>
