JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="windows-1251">
<title>22 хода</title>
<script>
  window.onload = function() {
   var L    = 'red';   // Цвет линий между полями
   var Li   = 1;        // Толщина линии между полей
   var boardInit = 1;
   var g;                // Холст
   var canvas = document.getElementById('game');
    g = canvas.getContext('2d');
    newGame();
  window.onclick = clickOnBoard;
                       function newGame() {
    moveCount = 0;
    isSelect = 0;
    drawBoard(boardInit); // Рисуем доску
    }
  
            function drawBoard() {
      g.strokeStyle = L;
      g.lineWidth = Li;
      g.beginPath();
      g.moveTo(40,100);
      g.lineTo(400,100);
      g.stroke();
      }
  }  
</script>
</head>
<body>
<canvas id="game" width="400" height="400">
</canvas>
</body>
</html>