JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div id="demo"></div>

CSS

body {
    margin: 0;
}
* {
    box-sizing: border-box;
}
.box {
    display: inline-block;
    width: 20px;
    border: 1px solid black;
    height: 20px;
    background:red;
}

JavaScript

function getCubes(q){
	for(var i = 0; i < q; i++){
    	var element = document.createElement('div');
    	document.body.append(element);
        element.classList.add('box');
    };
};

var count = 0,
	fullDays = 61;

var countDownDate = new Date("Feb 28, 2020 23:59:59").getTime();
var x = setInterval(function() {
  var now = new Date().getTime();
  var distance = countDownDate - now;
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  if(count === 0) {
  	getCubes(days);
  }
  count++;
}, 1000);