Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Kółko i Krzyżyk
SubZero.
post 23.10.2008, 21:22:47
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 15.09.2007
Skąd: getCity();

Ostrzeżenie: (0%)
-----


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?

Ten post edytował SubZero. 23.10.2008, 21:23:41
Go to the top of the page
+Quote Post
webdice
post 23.10.2008, 21:38:32
Post #2


Developer


Grupa: Moderatorzy
Postów: 3 045
Pomógł: 290
Dołączył: 20.01.2007




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.
Go to the top of the page
+Quote Post
SubZero.
post 23.10.2008, 21:41:50
Post #3





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 15.09.2007
Skąd: getCity();

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
webdice
post 23.10.2008, 21:46:40
Post #4


Developer


Grupa: Moderatorzy
Postów: 3 045
Pomógł: 290
Dołączył: 20.01.2007




A po co? Jeśli chcesz sprawdzić jaki był ostatnio użyty znak to:
Kod
if (type % 2)
{
  alert ('X');
}
else
{
  alert ('O');
}
Go to the top of the page
+Quote Post
SubZero.
post 23.10.2008, 21:53:35
Post #5





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 15.09.2007
Skąd: getCity();

Ostrzeżenie: (0%)
-----


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 ;-)
Go to the top of the page
+Quote Post
webdice
post 24.10.2008, 08:17:56
Post #6


Developer


Grupa: Moderatorzy
Postów: 3 045
Pomógł: 290
Dołączył: 20.01.2007




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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 6.07.2025 - 18:54