Правильное размещение функций

Очень новый для программирования и есть простой вопрос о том, где поставить более одной функции я пытаюсь сделать игру Крестики-нолики и функция, которую я пытаюсь разместить

function newgame()
{
   var status = document.getElementById('status');

   xTurn = true;
   status.innerHTML = 'X's turn';

   for(var x = 0; x < x++)
   {
      for(var y = 0; y < y++)
      {
         document.getElementById(x + '_' + y).value = ' ';
      }
   }
}

*Куда бы он пошел здесь :

<!DOCTYPE html>
<html>
<head>
<SCRIPT TYPE="TEXT/JAVASCRIPT">
var xTurn = true;

function squareclicked(square)
// squareclicked is a function that is called whenever a button is clicked.
{
 var status = document.getElementById('status');
 var value = square.value;
 if(value != 'X' && value != 'O')
 {
   if(xTurn)
   {
      square.value = 'X';
      xTurn = false;
      status.innerHTML = 'O's turn';
   }
   else
      {
         square.value = 'O';
         xTurn = true;
         status.innerHTML = 'X's turn';
      }
 }
   else
      alert('That square has already been played.');
}
</SCRIPT>

<body>
<INPUT TYPE="BUTTON" ID="0_0" VALUE=" " ONCLICK="squareclicked(this);">
<INPUT TYPE="BUTTON" ID="0_0" VALUE=" " ONCLICK="squareclicked(this);">
<INPUT TYPE="BUTTON" ID="0_0" VALUE=" " ONCLICK="squareclicked(this);">
<BR>
<INPUT TYPE="BUTTON" ID="0_0" VALUE=" " ONCLICK="squareclicked(this);">
<INPUT TYPE="BUTTON" ID="0_0" VALUE=" " ONCLICK="squareclicked(this);">
<INPUT TYPE="BUTTON" ID="0_0" VALUE=" " ONCLICK="squareclicked(this);">
<BR>
<INPUT TYPE="BUTTON" ID="0_0" VALUE=" " ONCLICK="squareclicked(this);">
<INPUT TYPE="BUTTON" ID="0_0" VALUE=" " ONCLICK="squareclicked(this);">
<INPUT TYPE="BUTTON" ID="0_0" VALUE=" " ONCLICK="squareclicked(this);">
<BR>
<INPUT TYPE="BUTTON" ID="NEWGAME" VALUE="New Game" ONCLICK="newgame();">
<P ID="status">X's turn</P>
</body>
</html>

1 ответ

  1. В forциклах функции имеются синтаксические ошибкиnewgame. Они должны быть:

    for(var x = 0; x < 3; x++)
    {
        for(var y = 0; y < 3; y++)
        {
            document.getElementById(x + '_' + y).value = ' ';
        }
    }
    

    Если вы исправите это, это должно работать, когда вы помещаете их обоих в <script>тег.