From 2586ccbb86156d4ed971d70bb6047417be894fd5 Mon Sep 17 00:00:00 2001
From: Afuwwu <86732511+Afuwwu@users.noreply.github.com>
Date: Fri, 16 Jul 2021 17:12:34 +0100
Subject: [PATCH] Update app.js

From Azeez Afuwwu
---
 01-color-flipper/setup/app.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/01-color-flipper/setup/app.js b/01-color-flipper/setup/app.js
index 901729f46..8981826b1 100644
--- a/01-color-flipper/setup/app.js
+++ b/01-color-flipper/setup/app.js
@@ -1 +1,11 @@
-const colors = ["green", "red", "rgba(133,122,200)", "#f15025"];
+const colors = ["green", "red", "rgba(133,122,200)", "#f15025", "#006400", "#008000", "#008080"];
+const btn = document.getElementById("btn");
+const color = document.document.getElementByClassName(".color");
+btn.addEventListener("click", () => {
+    const randomNumber = getRandomNumber();
+    document.body.style.backgroundColor = colors[randomNumber];
+    color.textContent = colors[randomNumber];
+});
+function getRandomNumber() {
+    return Math.floor(Math.random() * colors.length);
+}