Simple Tic Tac Toe GmaeBoardRenderer class usage

tic-tac-toe-simple-main.js

requirejs(['gameboardrenderer'],
function   (GmaeBoardRenderer) {
	
	let player = 1;
	let boardState = [0,0,0,0,0,0,0,0,0]; //Initial board state
	let canvas = document.getElementById('board');
	let gbr = new GmaeBoardRenderer(canvas, 500);
	//Render initial state (grid)
	gbr.render(boardState); 
	
	canvas.addEventListener("cellClicked", function(e){
		//Can't play on non-empty cell
		if(boardState[e.detail.cell] !== 0){
			return;
		}

		//Change board state
		boardState[e.detail.cell] = player;
		//ReRender the board
		gbr.render(boardState); 
		//Toggle players
		player = 3 - player;
	}, false);
});