html
html
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
body {
margin: 0;
}
.a {
display: flex;
border: 1px solid #ddd;
margin: 10px;
padding: 10px;
justify-content: center;
align-items: center;
box-sizing: border-box;
background: #d33;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
onload = init;
function init() {
const elements = [];
const totalElement = 10;
for(let i=0;i<totalElement;i++) elements[i] = createDivClassA();
let c=elements.length-1;
while(c>0) elements[c-1].appendChild(elements[c--]);
document.body.appendChild(elements[0]);
}
function createDivClassA() {
const div = document.createElement('div');
div.className = 'a';
return div;
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run