Интересно, если / еще, если проблема условной цепи - PullRequest
0 голосов
/ 11 января 2019

Мне трудно понять, почему этот код работает так, как он есть. Ниже у меня есть весь код, который производит мою игру в крестики-нолики. Игра работает так, как задумано, пока мы не дойдем до полного стола, который ДОЛЖЕН привести к выигрышу либо '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) производит «РИСУНОК»?

Спасибо за вашу помощь!

1 Ответ

0 голосов
/ 11 января 2019

Без изменения или большого количества рефакторинга, добавление этого к последнему сработавшему условию. По сути, выполнение if / else через все комбо, прежде чем принять решение о ничьей, помогло. Спасибо за помощь!

 else if (turn.length === 9 && combos[i] === combos[combos.length - 1]) {
                    alert('DRAW!')
                    setTimeout(function() {$("#ttt_table tbody tr td").html(""); }, 1500);
                    turn.length = 0
                }
...