JSFiddle - React, Tailwind, and code Playground

by bthorn

HTML

<div id="divOther"></div>

JavaScript

var currentYear = new Date().getFullYear();
 var years = [];
 for (var i = currentYear; i > currentYear - 3; i--) {
   years.push(i);
 }
 var months = [{
   number: '01',
   title: 'January'
 }, {
   number: '02',
   title: 'February'
 }, {
   number: '03',
   title: 'March'
 }, {
   number: '04',
   title: 'April'
 }, {
   number: '05',
   title: 'May'
 }, {
   number: '06',
   title: 'June'
 }, {
   number: '07',
   title: 'July'
 }, {
   number: '08',
   title: 'August'
 }, {
   number: '09',
   title: 'September'
 }, {
   number: '10',
   title: 'October'
 }, {
   number: '11',
   title: 'November'
 }, {
   number: '12',
   title: 'December'
 }];
 var strYears = "<table class='table-light'>";
 strYears += "<tr>";
 for (var i in years) {
   strYears += "<th><h2>" + years[i] + "</h2></th>";
 }
 strYears += "</tr>";

 for (var m in months) {
   strYears += "<tr>";

   for (var year in years) {
     //for (var j in files) {

     //#################################################

     //for (var j in files) {
     var x = "";
     x = filesCheck("files", months[m].title, years[year]);
     //console.log(x);
     if (x == "yes") {
       //if ((files[i].month === months[m].title) && (files[i].year == years[year])) {
       //console.log("filesmonth = " + files[i].month + ", year =" + years[year] + ", month = " + months[m].title);
       strYears += "<td class='text-center'>";

       strYears += months[m].title;
       strYears += "</td>";

     } else {
       strYears += "<td class='text-center'>";
       strYears += "no =" + months[m].title;
       strYears += "</td>";
     }


     // }
     //#################################################

     //}
   }
   strYears += "</tr>";

 }
 strYears += "</table>";

 $("#divOther").html(strYears);




 function filesCheck(files, month, year) {



   var data = [{
     "fileName": "August.20.2015.pdf",
     "fileSizeText": "609 KB",
     "fileAccessed": "2015-12-03T07:21:11.767626-07:00",
     "directoryName": "08...