How can I add chess pieces to my code without changing much?

I basically just want to add the images of the chess pieces in the correct positon that they belong to but without changing the code very much.

//This is my Javascript code

var numbers = new Array(10);

function drawChessboard()
{


for (var row = 1; row <= 4; row++)
  { 
  
  numbers[row-1] = new Array(10);
  
  document.write("<tr>");

  for (var col = 1; col <=4; col++)
  {

    numbers [row-1][col-1] = row*col; 
    document.write("<td class='dark'></td>");
    document.write("<td class='light'></td>");
  }

  document.write("<tr>");

  for (var col = 1; col <=4; col++)
  {

    numbers [row-1][col-1] = row*col; 
    document.write("<td class='light'></td>");
    document.write("<td class='dark'></td>");
  }

  document.write("</td>")
}

}