Se supone que este bucle for doble se repite en un tablero de Battleship y agrega un detector de eventos a cada celda. Se supone que el detector de eventos representa una celda en un tablero de Battleship. Cuando se hace clic y se coloca un barco en esa celda, el color de la celda cambiará a rojo, lo que representa un acierto, y w aumentará en 2. Si w llega a 24, el juego terminará y se presentarán los puntajes del ganador.

 let table2 = document.getElementById("player2board"); let opptable2 = document.getElementById("player1opp"); for(var i = 1; i < table2.rows.length; i++){ for(var j = 1; j < table2.rows[i].cells.length; j++){ table2.rows[i].cells[j].innerHTML = p2Board[i - 1][j - 1]; if(p2Board[i - 1][j - 1] != ""){ let currcell = opptable2.rows[i].cells[j]; opptable2.rows[i].cells[j].addEventListener("click", () => {currcell.style.backgroundColor = "Red"; document.getElementById("player1table").hidden = true; w += 2; console.log(w); if(w == 24){ let t = w; w = w - w2; w2 = w2 - t; document.getElementById("p1score").innerText = p1Name + "'s score (winner): " + w; document.getElementById("p2score").innerText = p2Name + "'s score: " + w2; document.getElementById("scores").hidden = false; }else{ document.getElementById("player2turn").hidden = false; }}); }else{ let currcell = opptable2.rows[i].cells[j]; opptable2.rows[i].cells[j].addEventListener("click", () => {currcell.style.backgroundColor = "White"; document.getElementById("player1table").hidden = true; document.getElementById("player2turn").hidden = false;}); } } }

Sin embargo, lo que está fallando es que el detector de eventos está incrementando w por cada coincidencia que se ha realizado. Si hago clic en una celda y obtengo un segundo resultado, w aumentará en 4, si obtengo un tercer resultado, aumentará en 8, etc. ¿Qué hice mal y cómo lo arreglo?