JSFiddle - React, Tailwind, and code Playground

by Сергей Тарасевич

HTML

<div class="title">content 1</div>
<div class="content" id="content1"></div>
<div class="title">content 2</div>
<div class="content" id="content2"></div>

CSS

.title {
  display: block;
  text-align: center;
}

.content {
  border: 1px solid #cccccc;
}

.content>div {
  border: 1px solid #cccccc;
  font-family: monospace;
  margin: 2px;
  padding: 2px;
  text-align: center;
}

JavaScript

let d = document;
let c1 = d.getElementById("content1");
let c2 = d.getElementById("content2");

for (var i = 0; i < 5; i++) {
  setTimeout(function() {
    let el = d.createElement("div");
    el.innerHTML = i;
    c1.appendChild(el);
  });
}


for (let i = 0; i < 5; i++) {
  setTimeout(function() {
    let el = d.createElement("div");
    el.innerHTML = i;
    c2.appendChild(el);
  });
}