Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Kółko i Krzyżyk
Forum PHP.pl > Forum > Przedszkole
SubZero.
Witam,

Napisałem taki skrypt:

  1. <script type="text/javascript">
  2. function changeContent(x,y)
  3. {
  4. this.x = x;
  5. this.y = y;
  6. var a = document.getElementById('kik').rows[x].cells;
  7. a[y].innerHTML="X";
  8. }

I do tego mam tablę, 3x3:

  1. <table id="kik" border="1">
  2. <tr align="center">
  3. <td onclick="changeContent(0,0)"></td>
  4. <td onclick="changeContent(0,1)"></td>
  5. <td onclick="changeContent(0,2)"></td>
  6. </tr>
  7. <tr align="center">
  8. <td onclick="changeContent(1,0)"></td>
  9. <td onclick="changeContent(1,1)"></td>
  10. <td onclick="changeContent(1,2)"></td>
  11. </tr>
  12. <tr align="center">
  13. <td onclick="changeContent(2,0)"></td>
  14. <td onclick="changeContent(2,1)"></td>
  15. <td onclick="changeContent(2,2)"></td>
  16. </tr>

Teraz nie mam pomysłu jak zrobić, aby po wciśnięciu, najpierw pokazywał się "X", a potem "O" i tak na przemian.
Wiem, że powinienem ostatnio użyty symbol zapamiętać w jakiejś zmiennej, ale jak to dokładnie zrobić?
Może mi ktoś doradzić, pomóc?
webdice
Kod
if (type % 2)
{
    a[y].innerHTML="O";
}
else
{
    a[y].innerHTML="X";
}
    
type++;


Zmienną type tworzysz sobie poza ciałem funkcji/klasy i nadajesz jej wartość 0.
SubZero.
Dzięki webdice!

Też właśnie takie coś przed chwilą wymyśliłem, ale czy ma ktoś pomysł jak to zrobić za pomocą zmiennej, która by zapamiętała ostatnio użyty symbol?
webdice
A po co? Jeśli chcesz sprawdzić jaki był ostatnio użyty znak to:
Kod
if (type % 2)
{
  alert ('X');
}
else
{
  alert ('O');
}
SubZero.
Cytat(webdice @ 23.10.2008, 22:46:40 ) *
A po co?

Heh, chcę po prostu wiedzieć jak by to można zrobić właśnie za pomocą tej zmiennej ;-)
webdice
Kod
if (type == 'X')
{
  a[y].innerHTML="O";

  type = 'O';
}
else
{
  a[y].innerHTML="X";

  type = 'X';
}


I tak samo definiujesz sobie zmienną type o wartości X lub O.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.