Мне трудно понять, почему этот код работает так, как он есть. Ниже у меня есть весь код, который производит мою игру в крестики-нолики. Игра работает так, как задумано, пока мы не дойдем до полного стола, который ДОЛЖЕН привести к выигрышу либо 'O'
, либо 'X'
. Моя текущая логика иногда работает так, как задумано, и выбирает правильного победителя, но в большинстве случаев она выдает 'DRAW
', даже если последний ход на последнем квадрате должен привести к победе. Учитывая цепочку if/else if
, я не понимаю, как это будет работать? Применимым оператором if/else if
является второй набор.
Вот мой код:
$(document).ready(function() {
let addX = "<h1>X</h1>"
let addO = "<h1>O</h1>"
let turn = []
let board = [$("#one"), $("#two"), $("#three"), $("#four"), $("#five"),$("#six"), $("#seven"), $("#eight"), $("#nine")]
let combos = [[0,1,2], [3,4,5], [6,7,8], [0,3,6], [1,4,7], [2,5,8], [0,4,8], [6,4,2]]
for (let i = 0; i < board.length; i++){
board[i].click(function(){
if (turn.length === 0){
turn.push(board.indexOf(board[i].html(addX)) + "X")
} else if (turn.length % 2 !== 0 && board[i].html() === ''){
turn.push(board.indexOf(board[i].html(addO)) + "O")
} else if (turn.length % 2 === 0 && board[i].html() === ''){
turn.push(board.indexOf(board[i].html(addX)) + "X")
}
for(let i = 0; i < combos.length; i++){
if (turn.includes(combos[i][0] + 'O') && turn.includes(combos[i][1] + 'O') && turn.includes(combos[i][2] + 'O') ){
alert('O IS WINNER!')
setTimeout(function() {$("#ttt_table tbody tr td").html(""); }, 1500);
turn.length = 0
} else if(turn.includes(combos[i][0] + 'X') && turn.includes(combos[i][1] + 'X') && turn.includes(combos[i][2] + 'X') ){
alert('X IS WINNER!')
setTimeout(function() {$("#ttt_table tbody tr td").html(""); }, 1500);
turn.length = 0
break
} else if (turn.length === 9){
alert('DRAW!')
setTimeout(function() {$("#ttt_table tbody tr td").html(""); }, 1500);
turn.length = 0
}
}
})
}
});
Вот кодекс, чтобы проверить саму игру:
https://codepen.io/tylerp33/pen/NeOxyY
В принципе, если игра не увидит выигрышную комбинацию:
else if(turn.join("").includes(combos[i][0] + 'X') && turn.join("").includes(combos[i][1] + 'X') && turn.join("").includes(combos[i][2] + 'X')
до последнего
else if (turn.length === 9)
производит «РИСУНОК»?
Спасибо за вашу помощь!