JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<div id="mainChessBoard">
</div>

CSS

#mainChessBoard
{
    width:160px;
    height:160px;
    border:1px solid black;
}

div
{
 width:20px;
 height:20px;
 float:left;
}

JavaScript

for (var i=0; i< 64; i++){
    document.getElementById("mainChessBoard").
    appendChild(document.createElement("div")).
    style.backgroundColor = parseInt((i / 8) + i) % 2 == 0 ? 'black' : 'white';    
}