JSFiddle - React, Tailwind, and code Playground

HTML

<p><strong> - Voici mon Damier <br></strong></p>
<div id="damier">

</div>

CSS

table {
  border-collapse: collapse;
  border: solid 1px #000000;
  
}

tr , td , div {
  border:0;
  margin:0;
  padding:0;
  }
.damBlanc,
.damBlack {
  height: 60px;
  width: 60px;
  border: 0px ;
}

.damBlack {
  background-color: black;
}

.damBlanc {
  background-color: #ffffff;
}

JavaScript

$(function() {
        var nombre = 1;
        var classe='';
        $table = $('<table/>');
        for (var l = 1; l < 9; l++) {
          $tr = $('<tr/>');
          for (var c = 1; c < 9; c++) {

            if (nombre&1) {
               classe = "damBlack"
            } else {
              classe = "damBlanc"
            }

            $td = $('<td/>')
            $td.html('<div id="' + l + '_'+ c + '" class="' + classe + '"></div>');
            nombre++;
           console.log($td.html());
           $($tr).append($td); 
           console.log($($tr).html());
          }
          nombre++;
           $($table).append($tr);
        }
       
        $("#damier").append($table);
        console.log($table.html());
      });