0
2人プレイのTic-Tac-Toeプロジェクトで作業しています。プレイヤーは正しくプレイヤーを切り替えていません。さらに、私のプログラムではスコアを更新する際に問題が発生しています。これは、バイナリロジック、ビットワイズ演算子、および配列を使用して勝利条件を決定するために使用しています。あなたがお使いのブラウザのDev Toolsでエラーコンソールについて学ぶ必要がありますTic-Tac-Toeゲームがプレイヤーの切り替え、スコアの更新、プレイヤーの変更を行っていません
var player1name = "";
var player2name = "";
var firstPlayer = player1name;
var player1 = 0; //score for all games
var player2 = 0; //score for all games
var scoreX = 0; //player "X" score on current board
var scoreO = 0; //player "X" score on current board
var value = 0; //button binary value
var player = "X"; //current player's turn X or O
var winner = ""; //stores winner X or O
var winArray = [7, 56, 448, 73, 146, 292, 273, 84];
var clickedArray = [];
var clicksCount = 0;
var currentPlayer = ""; //get player's name
function start()
{
//alert("start");
player1name = prompt("Enter first player's name:", "");
player2name = prompt("Enter second player's name:", "");
currentPlayer = player1name;
document.getElementById("player").innerHTML = currentPlayer + " choose a square.";
}
function playerMoved(id, value)
{
changeText(id);
updateScore(value);
//check for winner
if (player === "X") {
check4winner(scoreX);
} else {
check4winner(scoreO);
}
//was there a winner?
if (winner !== "") {
//alert("winner:" + winner);
//logic to display winner
document.getElementById("winner").innerHTML = currentPlayer + " won!";
startNewGame();
} else {
changePlayer();
}
switchPlayer();
}
function changeText(id)
{
//alert("changeText: " + player);
//alert(id.innerHTML);
if (id.innerHTML === "") {
//storing id's of clicked div to reset later
clickedArray[clicksCount] = id;
clicksCount = clicksCount + 1;
if (player === "X") {
id.innerHTML = "X";
} else {
id.innerHTML = "O";
}
}
}
function switchPlayer()
{
//alert("switchPlayer");
//switch player prompt
if (currentPlayer === player1name) {
currentPlayer = player2name;
} else {
currentPlayer = player1name;
}
//re-display current player in h2
document.getElementById("player").innerHTML = currentPlayer + " choose a square.";
}
function updateScore(value)
{
//alert("updateScore");
//alert("Update Score for " + player);
if (player === "X") {
scoreX = scorex + value;
alert("scoreX: " + scoreX);
} else {
scoreO = scoreO + value;
alert("scoreO: " + scoreO);
}
alert("PlayerX Score: " + scoreX + " PlayerO Score: " + scoreO);
}
function check4winner(score)
{
//alert("Checking for winner" + score);
var i;
for (i = 0; i < winsArray.length; i++)
{
if ((winsArray[i] & score) === winsArray[i]) {
if (player === "X") {
winner = "X";
} else {
winner = "O";
}
alert(winner + "Won!");
i = 99; //break out of for loop
}
}
}
function changePlayer()
{
//alert("Changed Player: " + player);
if (player === "X") {
player = "O";
} else {
player = "X";
}
document.getElementById("player").innerHTML = currentPlayer + " choose a square.";
}
function startNewGame()
{
//alert("Start new game");
winner = "";
scoreO = 0;
scoreX = 0;
//reset all clicked squares
for (i = 0; i < clickedArray.length; i++)
{
clickedArray[i].innerHTML = "";
}
//change who goes first
if (firstPlayer === player1name) {
firstPlayer = player2name;
} else {
firstPlayer = player1name;
}
currentPlayer = firstPlayer;
document.getElementById("player").innerHTML = currentPlayer + " choose a square.";
//update scores
}.Table {
display: table;
}
.Row {
display: table-row;
}
.Cell {
display: table-cell;
border: dashed black 2px;
padding: 0px 5px 0px 5px;
height: 50px;
width: 50px;
text-align: center;
vertical-align: middle;
background-color: #3B653D;
color: #FFFEFA;
font-size: xx-large;
}<body onload="start()">
<div class="Table">
<div class="Title">
<h1>Tic-Tac-Toe</h1>
<h2 id="winner"></h2>
<h2 id="player"></h2>
<div class="Row">
<div class="Cell" onclick="playerMoved(this, 1)"></div>
<div class="Cell" onclick="playerMoved(this, 2)"></div>
<div class="Cell" onclick="playerMoved(this, 4)"></div>
</div>
<div class="Row">
<div class="Cell" onclick="playerMoved(this, 8)"></div>
<div class="Cell" onclick="playerMoved(this, 16)"></div>
<div class="Cell" onclick="playerMoved(this, 32)"></div>
</div>
<div class="Row">
<div class="Cell" onclick="playerMoved(this, 64)"></div>
<div class="Cell" onclick="playerMoved(this, 128)"></div>
<div class="Cell" onclick="playerMoved(this, 256)"></div>
</div>
</div>
</div>
</body>
問題のある箇所を絞り込んで、特定の問題を示す数行のコードを投稿してください。 – RJM
私はそう思っていましたが、私はプログラミングが初めてで、私の問題がどこにあるか正確にはわかりません。ごめんなさい！ –
@BenKここに投稿した内容を書くことができたら、コード全体に 'console.log（variable_name）;'と書いて、いくつかのバグを追跡することができると確信しています。あなたは、それがどのように見えているかについてのいくつかのアイデアや期待を持っていなければなりません。 – jDo