JSFiddle - React, Tailwind, and code Playground

by Trufa

HTML

<div id="board"></div>

JavaScript

var rows = 10;
var cols = 10;
//$('#cell-' + x.toString() + "-" + y.toString()).prop('checked', true);
function drawBoard() {
    for (var i = 0; i < cols; i++) {
        for (var j = 0; j < rows; j++) {
            $('#board').append('<input class="cell" type="checkbox" id="cell-' + i.toString() + "-" + j.toString() + '">');
        }
        $('#board').append('<br/>');
    }
}

function getNeighbours(x,y){
    //Check right neighbour  
    //alert($('#cell-' + x.toString() + "-" + y.toString()).is(':checked'));
}


drawBoard();
getNeighbours(2,2);

$(".cell").click(function(event) {
  event.preventDefault();
  alert(22);
});