Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

162
Vistas
Cómo determinar si una cuadrícula de tablero de juego inicializada como una matriz contiene condiciones ganadoras

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"; }; }); }); }
about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda