From a8b406d22f479a6a457bed9fbc2720c973ba6c4c Mon Sep 17 00:00:00 2001 From: KratoNight Date: Tue, 20 Feb 2024 16:07:12 +0000 Subject: [PATCH 1/2] new addition --- 01-color-flipper/setup/app.js | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/01-color-flipper/setup/app.js b/01-color-flipper/setup/app.js index 901729f46..e769cc7a7 100644 --- a/01-color-flipper/setup/app.js +++ b/01-color-flipper/setup/app.js @@ -1 +1,16 @@ const colors = ["green", "red", "rgba(133,122,200)", "#f15025"]; +const btn = document.getElementById("btn"); +const color = document.querySelector(".color"); + +btn.addEventListener("click", function () { + // get random number between 0 - 3 + const randomNumber = getRandomNumber(); + // console.log(randomNumber); + + document.body.style.backgroundColor = colors[randomNumber]; + color.textContent = colors[randomNumber]; +}); + +function getRandomNumber() { + return Math.floor(Math.random() * colors.length); +} From 1a24c13630670ffe3c05d391167e89fdf147aa7e Mon Sep 17 00:00:00 2001 From: KratoNight Date: Tue, 20 Feb 2024 16:13:11 +0000 Subject: [PATCH 2/2] Adding index.html for 15 basic programs --- 01-color-flipper/setup/index.html | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/01-color-flipper/setup/index.html b/01-color-flipper/setup/index.html index 2aff83646..a7727edc3 100644 --- a/01-color-flipper/setup/index.html +++ b/01-color-flipper/setup/index.html @@ -9,8 +9,22 @@ -

color flipper

+ +
+
+

background color : #f1f5f8

+ +
+
- + \ No newline at end of file