JavaScript Tic Tac Toe - добавление значения в совет, хранящийся как вложенный массив

У меня есть функция, которая изменяет содержимое ячейки платы, нажатой на X или O, в зависимости от количества.

Вот:

let count = 0
function clickToInput(event){
    let i = event.target;
    event.target.parentElement.innerHTML = playerCounter();
    count++;
}

Где функция playerCounter () определяется как:

function playerCounter(){
        if(count%2 == 0){
            inputCharacter = "<button>X</button>";
        }
        else{
            inputCharacter = "<button>O</button>";
        }
        return inputCharacter
}

Вот как хранится мой массив:

row1 = ["<button>1a</button>", "<button>1b</button>", "<button>1c</button>"];
row2 = ["<button>2a</button>", "<button>2b</button>", "<button>2c</button>"];
row3 = ["<button>3a</button>", "<button>3b</button>", "<button>3c</button>"];
board = [row1, row2, row3];
let count = 0;

Теперь то, что я пытаюсь сделать, это взять inputCharacter и заменить строковое значение в вложенном массиве (что соответствует нажатой кнопке.

Я не включил свой HTML, поскольку я думал, что это будет длительным, но, пожалуйста, укажите, если это необходимо.

javascript,

2

Ответов: 1

0

Почему бы вам не создать функцию, которая переключает Boolean X для истинного O для false true для false, указав, кто его поворачивает. передавая идентификатор кнопки, нажатой на функцию. Каждая кнопка получает идентификатор.

var whosTurn = true;
        function turn(id) {
          var element = document.getElementById(id);
          if (whosTurn) {
            element.innerHTML = "X";
          } else {
            element.innerHTML = "O";
          }
          element.disabled = true;
          whosTurn = !whosTurn;
    }
JavaScript,
Похожие вопросы
Яндекс.Метрика