function makeGrid(rowCount, columnCount) {
  // Remove any previously created grid cells before creating a new grid
  const gridCells = document.getElementById('grid-cells');
  if (gridCells !== null) {
    pixelCanvas.innerHTML = '';
  }
  // Create and render a new grid
  let gridHTML = '<span id="grid-cells">';
  for (let row = 0; row < rowCount; row++) {
    gridHTML += '<tr>';
    for (let column = 0; column < columnCount; column++) {
      gridHTML += `<td id="c${row}-${column}"></td>`;
    }
    gridHTML += '</tr>';
  }
  gridHTML += '</span>';
  pixelCanvas.innerHTML = gridHTML;
}
/**
 * @description When size is submitted by the user draw the new grid
 * @param {Number} rowCount Number of rows in the grid
 * @param {Number} columnCount Number of columns in the grid 
 */
@description When size is submitted by the user draw the new grid
@param {Number} rowCount Number of rows in the grid
@param {Number} columnCount Number of columns in the grid
@description When size is submitted by the user draw the new grid @param { Number } rowCount Number of rows in the grid @param { Number } columnCount Number of columns in the grid
function makeGrid(rowCount, columnCount) {
  const gridCells = document.getElementById('grid-cells');
  if (gridCells !== null) {
    pixelCanvas.innerHTML = '';
  }
  let gridHTML = '<span id="grid-cells">';
  for (let row = 0; row < rowCount; row++) {
    gridHTML += '<tr>';
    for (let column = 0; column < columnCount; column++) {
      gridHTML += `<td id="c${row}-${column}"></td>`;
    }
    gridHTML += '</tr>';
  }
  gridHTML += '</span>';
  pixelCanvas.innerHTML = gridHTML;
}
function makeGrid ( rowCount , columnCount ) { const gridCells = document . getElementById ( 'grid-cells' ) ; if ( gridCells !== null ) { pixelCanvas . innerHTML = '' ; } let gridHTML = '<span id="grid-cells">' ; for ( let row = 0 ; row < rowCount ; row ++ ) { gridHTML += '<tr>' ; for ( let column = 0 ; column < columnCount ; column ++ ) { gridHTML += ` ${ row } ${ column } ` ; } gridHTML += '</tr>' ; } gridHTML += '</span>' ; pixelCanvas . innerHTML = gridHTML ; }
@description When size is submitted by the user draw the new grid
 @param {Number} rowCount Number of rows in the grid
 @param {Number} columnCount Number of columns in the grid
@description When size is submitted by the user draw the new grid @param { Number } rowCount Number of rows in the grid @param { Number } columnCount Number of columns in the grid
// Remove any previously created grid cells before creating a new grid // Create and render a new grid