JSFiddle - React, Tailwind, and code Playground

HTML

<div class="board"></div>

CSS

td {
    height: 40px;
    width: 40px;
}

td {
    background: #000;
}
tr:nth-child(odd) td:nth-child(even), tr:nth-child(even) td:nth-child(odd) {
   background: #fff;
}

JavaScript

function displayBoard() {
    //Initiating peice values for white
    var wking = 10, wkingValue = "&#9813;";
    var wqueen = 9, wqueenValue = "&#9812;";
    var wrook = 5, wrookValue = "&#9814;";
    var wbishop = 3.5, wbishopValue = "&#9815;";
    var wknight = 3, wknightValue = "&#9816;";
    var wpawn = 1, wpawnValue = "&#9817;";
    //Initiating peice values for black
    var bking = -wking, bkingValue = "&#9819;";
    var bqueen = -wqueen, bqueenValue = "&#9818;";
    var brook = -wrook, brookValue = "&#9820;";
    var bbishop = -wbishop, bbishopValue = "&#9821;";
    var bknight = -wknight, bknightValue = "&#9822;";
    var bpawn = -wpawn, bpawnValue = "&#9823;";
    //Initialising final string
    var chessboardTable = "";
    //Initialising board array
    var defaultBoardArray = [[brook, bknight, bbishop, bqueen, bking, bbishop, bknight, brook],
                            [bpawn, bpawn, bpawn, bpawn, bpawn, bpawn, bpawn, bpawn],
                            [0, 0, 0, 0, 0, 0, 0, 0],
                            [0, 0, 0, 0, 0, 0, 0, 0],
                            [0, 0, 0, 0, 0, 0, 0, 0],
                            [0, 0, 0, 0, 0, 0, 0, 0],
                            [wpawn, wpawn, wpawn, wpawn, wpawn, wpawn, wpawn, wpawn],
                            [wrook, wknight, wbishop, wqueen, wking, wbishop, wknight, wrook]];

    //Initialising search squares
    var fLetter = "a";
    var fNumber = "1";
    var initialfillRank = false;

    //Beginning main code functions
    var peice = "";
    var defValue = "";
    var defClass = "";
    var file = "";

    //Entering Looping Functions
    chessboardTable += "<table id='chess_board' cellpadding='0' cellspacing='0'>";
    chessboardTable += "<tr>";
    // i = rank; k = file;
    for (i = 8; i >= 1; i--) {
        for (k = 1; k <= 8; k++) {
            //Finding grid coordinates
            switch (k) {
                case (1):
                    file = "a";
                    break;
               ...