JSFiddle - React, Tailwind, and code Playground

by Ivan Mishchenko

HTML

<script src="http://premium-api.com/jscourse/rb_plain.js"></script>
<p>Whose move: <span id='move'>Black</span></p>
<p> <span id='m'></span></p>

JavaScript

// set base data
var isMoveBlack = true;
var gamePosition = "ooooooooowooooooooooooooooowwwooooowboooooooooooooooooboooooowoo";

// define click function
function userClick(col, row) {
    console.log(col +"," + row);
    // TODO is move correct?
    var index = 8 * (row - 1) + col.charCodeAt(0) - 97;
    var cell = gamePosition.charAt(index);
    
    var indexPlus2=8 * (row - 1) + (col.charCodeAt(0)+2)-97;      
    var cellPlus2=gamePosition.charAt(indexPlus2);
    var cellCh1=gamePosition.charAt(indexPlus2-1);
    
    var indexMinus2=8 * (row - 1) + (col.charCodeAt(0)-2)-97;
    var cellMinus2 = gamePosition.charAt(indexMinus2);
    var cellCh=gamePosition.charAt(indexMinus2+1);
    
    var indexUp=8*(row - 3) + (col.charCodeAt(0))-97; 
    var valueRowUp =gamePosition.charAt(indexUp);  
    var indexUp2=8*(row - 2) + (col.charCodeAt(0))-97;
    var cellChUp=gamePosition.charAt(indexUp2);   
    
    var indexUpRight=8*(row - 3) + (col.charCodeAt(0)+2)-97; 
    var valueRowUpRight =gamePosition.charAt(indexUpRight); 
    var indexUpRight2=8*(row - 2) + (col.charCodeAt(0)+1)-97;
    var cellChUpRight=gamePosition.charAt(indexUpRight2);
    
    var indexUpLeft=8*(row - 3) + (col.charCodeAt(0)-2)-97; 
    var valueRowUpLeft =gamePosition.charAt(indexUpLeft); 
    var indexUpLeft2=8*(row - 2) + (col.charCodeAt(0)-1)-97;
    var cellChUpLeft=gamePosition.charAt(indexUpLeft2);
    
    var indexDown=8*(row + 1) + (col.charCodeAt(0))-97; 
    var valueRowDown =gamePosition.charAt(indexDown);    
    var indexDown2=8*(row) + (col.charCodeAt(0))-97;
    var cellChDown=gamePosition.charAt(indexDown2);
    
    var indexDownRight=8*(row + 1) + (col.charCodeAt(0)+2)-97; 
    var valueRowDownRight =gamePosition.charAt(indexDownRight); 
    var indexDownRight2=8*(row ) + (col.charCodeAt(0)+1)-97;
    var cellChDownRight=gamePosition.charAt(indexDownRight2);   
    
    var indexDownLeft=8*(row + 1) + (col.charCodeAt(0)-2)-97; 
    var valueRowDownLeft...