JSFiddle - React, Tailwind, and code Playground

by DeadByElpy

CSS

body {
  background-color: #000;
}
span {
  color: green;
}

JavaScript

var loadingLog = {
  $node: document.body,

  push: function(str) {
    if ( this.$node.firstChild ) {
    	this.$node.lastChild.textContent += ' Done.'
    }
    this.$node.appendChild(document.createElement('br'));
    var span = this.$node.appendChild(document.createElement('span'));
    span.textContent = str;
    span.scrollIntoView(true);
  }
}

setInterval(function () {
		loadingLog.$node.lastChild.textContent += ' .';
}, 300)

var li = 0;


loadingLog.push('Loading module ' + (++li));

setInterval(function() {
    loadingLog.push('Loading module ' + (++li));
}, 5000);