Entonces, estoy tratando de crear una versión de navegador de connect 4 usando HTML, CSS y Javascript, y tengo mi tablero inicializado en una matriz 2d. Me las arreglé para cambiar de turno y cambiar los valores en la matriz para luego cambiar el color de las divisiones internas del tablero de juego, pero tengo problemas para encontrar una manera de determinar si hay condiciones ganadoras presentes (es decir, la matriz contiene 4 1s o 2s consecutivos horizontal, vertical y diagonalmente). Supongo que el método .includes será relevante aquí, pero obtengo un resultado falso si incluyo los números como una matriz o cadenas.
function init() { board = [ [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, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0] ]; render(); } //Functions controlling user input & declare render(), //render function function render() { board.forEach(function (colArr, colIdx) { colArr.forEach(function (cellVal, rowIdx) { //console.log(colIdx, rowIdx); const div = document.getElementById(`c${colIdx}r${rowIdx}`); if (board[colIdx][rowIdx] === 1){ console.log(colIdx, rowIdx); div.style.backgroundColor = "red"; } else if (board[colIdx][rowIdx] === 2) { div.style.backgroundColor = "blue"; } else { div.style.backgroundColor = "white"; }; }); }); }