Ifycode · August 1, 2020 03:22 · Aug 1, 2020
diff --git a/app.js b/app.js
@@ -0,0 +1,26 @@
+'use strict';
+
+const hex = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F'];
+const section1 = document.querySelector('.section1');
+const btn = document.getElementById('btn');
+const color = document.querySelector('.color');
+
+let getRandomNumber = () => {
+    return Math.floor(Math.random()*hex.length);
+}
+
+const changeColor = () => {
+    let hexColor = '#';
+    let i = 0;
+    for (; i < 6; i++) {
+        hexColor += hex[getRandomNumber()];
+    }
+    color.innerHTML = hexColor;
+    color.style.color = hexColor;
+    section1.style.backgroundColor = hexColor;
+}
+
+changeColor(); //on js file load
+
+btn.addEventListener('click', changeColor); //on click
+