-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
31 lines (25 loc) · 959 Bytes
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
const containerEl = document.querySelector(".container");
for (let index = 0; index < 30; index++) {
const colorContainerEl = document.createElement("div");
colorContainerEl.classList.add("color-container");
containerEl.appendChild(colorContainerEl);
}
const colorContainerEls = document.querySelectorAll(".color-container")
function generateColors() {
colorContainerEls.forEach((colorContainerEl) => {
const rcolor = randomColor();
colorContainerEl.style.backgroundColor = "#" + rcolor;
colorContainerEl.innerHTML = "#" + rcolor;
})
}
function randomColor() {
const chars = "0123456789abcdef";
const colorcodelength = 6;
let color = "";
for (let index = 0; index < colorcodelength; index++) {
const randomNum = Math.floor(Math.random() * chars.length);
color += chars.substring(randomNum, randomNum + 1)
}
return color;
}
generateColors()