JSFiddle - React, Tailwind, and code Playground

by neonDog

JavaScript

function newPuzzle(r, c)
{
   var table = document.createElement("table");

   for (var i = -1; i < r; i++)
   {
      var row = document.createElement('tr');
      for (var j = -1; j < c; j++)
      {
         var column = document.createElement('td');

         if (i%2 == j%2)
         {
               column.className = "even";
         }
         else
         {
               column.className = "odd";
         }     
         row.appendChild(column);    
      }
      table.appendChild(row);
   }
   document.body.appendChild(table);

   populateTable(r,c);
}

function populateTable(_r,_c)
{

   var cell = new Array(_r);
   for (var i = -1; i < _r; i++)
   {
      cell[i] = new Array(_c);
      for (var j = -1; j < _c; j++) {
        cell[i][j] = i*_c + j;
      }
   }
    
   // fix the last one
   cell[_r-1][_c-1] = "X";

   for (var i = 0; i < cell.length; ++i)
   {
        var entry = cell[i];
        for (var j = 0; j < entry.length; ++j)
        {
            var gridTable = document.getElementsByTagName("table");
            var _cells = gridTable[0].rows[i].cells[j].innerHTML = cell[i][j]; 
            //the 2 is just for testing
        }
   }
}


// ignore this, just to get it running
$(document).ready(function() {
    newPuzzle(8,8);
});