-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
35 lines (35 loc) · 1013 Bytes
/
main.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
32
33
34
35
(function(){
function recursion()
{
const child = document.getElementById('deepChild');
function drawGreen(el) {el.style.border = '4px solid green';}
function drawColor(el) {
var x = Math.floor(Math.random() * 256);
var y = Math.floor(Math.random() * 256);
var z = Math.floor(Math.random() * 256);
var bgColor = "rgb(" + x + "," + y + "," + z + ")";
el.style.background = bgColor;
}
function catchParent(el)
{
drawGreen(el);
const parent = el.parentNode;
const id = parent.getAttribute('id');
document.getElementById("blockName").innerHTML = parent.tagName;
drawColor(document.getElementById("blockName"));
if(!id)
{
setTimeout(() =>
{
drawGreen(parent);
catchParent(parent)
}, 10);
} else
{
drawGreen(parent)
};
}
catchParent(child);
}
recursion();
}());