JSFiddle - React, Tailwind, and code Playground

by Tom DeBerardine

HTML

<input type="text" />
<pre></pre>

CSS

input {
    width: 100%;
}
table, tr, td {
    border: 1px solid grey;
}
table tr td {
    min-width: 20px;
}

JavaScript

var ticketString = "011722475204365360702637497481233455758302154058881928446789061241507324334876840738576186051132437816395663800818206590104559628214294664710935667287132130687703253151692742547985".match(/.{1,2}/g);

 function loadTickets() {
     var ticketTables = [];
     var ticketGroups = [];
     var numberOfNumbers = 5; // per row
     var inc = 0;
     for (var i = 0; i < ticketString.length / numberOfNumbers; i++) {
         var start = i * numberOfNumbers;
         var end = start + numberOfNumbers;
         ticketGroups[i] = ticketString.slice(start, end);

         ticketTables[inc] = ticketTables[inc] || [];
         ticketTables[inc].push(ticketGroups[i]);

         if ((i + 1) % 3 === 0) {
             inc += 1;
         }
     }

     for (var i = 0, max = ticketTables.length; i < max; i += 1) {
         var table = ticketTables[i];
         for (var j = 0, jmax = table.length; j < jmax; j += 1) {
             var row = table[j];
             var newRow = [];
             for (var k = 0, kmax = 9; k < kmax; k += 1) {
                 newRow[k] = '';
                 for (var l = 0, lmax = row.length; l < lmax; l += 1) {
                     var number = parseInt(row[l]);

                     if (number >= (k) * 10 && number < (k + 1) * 10) {
                         newRow[k] = number;
                     }

                     if (number >= (kmax * 10) && k === kmax - 1) {
                         newRow[k] = number
                     }
                 }

             }
             ticketTables[i][j] = newRow;

         }
     }

     console.log(ticketTables);

     for (var i = 0, max = ticketTables.length; i < max; i += 1) {
         var table = ticketTables[i];
         var $table = document.createElement('table');
         for (var j = 0, jmax = ticketTables[i].length; j < jmax; j += 1) {
             var row = table[j];
             var $row = document.createElement('tr');
             $table.appendChild($row);

             for...