Willkommen ~Gast!
Registrieren || Einloggen || Hilfe/FAQ || Staff
Probleme mit der Registrierung im Forum? Melde dich unter registerEin Bild.
Autor Beitrag
000
09.06.2009, 15:08
bennifilm

Ich arbeite gerade an einem einfachen tictactoe game
aber irgendwas will nicht funktionieren
brauche dringend hilfe

mfg Benni

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<HTML>
<HEAD>
<TITLE>
Java Script Projekte von Gerrit, Paul und Benni
</TITLE>
<!--Legt die Überschrift fest die im Browser angezeit wird-->
</HEAD>

<BODY background="karriert_BG.gif" link=black alink=red vlink=white>
<FONT size="40" color="black">
<CENTER>
Java Script Projekte von
<br>
Gerrit, Paul und Benni
</CENTER>
</FONT>

<SCRIPT language"javascript" type="text/javascript">
<!--

var feldwert ;

function klick(feld)
{
if (feldwert == "0")
{
document.ttttable.button[feld].value='X';
feldwert = "x" ;
} else {
if (feldwert == "x")
{
document.ttttable.button[feld].value='O';
feldwert = 0;
} else {
document.ttttable.button[feld].value='X';
feldwert = "x" ;
}}
}

//-->
</SCRIPT>

<TABLE border="2" width=“512“ align=center bgcolor=#797979 cellspacing="5" bordercolor=black cellcolor=black cellpadding="0">
<TR>
<TD><CENTER><a href="javaproject_pqformel.html">PQFormelrechner</a></CENTER></TD>
<TD><CENTER><a href="javaproject_taschenrechner.html">Taschenrechner</a></CENTER></TD>
<TD><CENTER>TicTacToe Game</CENTER></TD>
</TR>
</TABLE>

<FORM name="ttttable" action="">
<CENTER>
<TABLE border="3" cellpadding="2" cellspacing="2">
<TR>
<TD><INPUT type="button" name="button1" width="60" class="button" value=" X1 " onclick="klick('1')"></TD>
<TD><INPUT type="button" name="button2" width="60" class="button" value=" X2 " onclick="klick('2')"></TD>
<TD><INPUT type="button" name="button3" width="60" class="button" value=" X3 " onclick="klick('3')"></TD>
</TR>
<TR>
<TD><INPUT type="button" name="button4" width="60" class="button" value=" X4 " onclick="klick('4')"></TD>
<TD><INPUT type="button" name="button5" width="60" class="button" value=" X5 " onclick="klick('5')"></TD>
<TD><INPUT type="button" name="button6" width="60" class="button" value=" X6 " onclick="klick('6')"></TD>
</TR>
<TR>
<TD><INPUT type="button" name="button7" width="60" class="button" value=" X7 " onclick="klick('7')"></TD>
<TD><INPUT type="button" name="button8" width="60" class="button" value=" X8 " onclick="klick('8')"></TD>
<TD><INPUT type="button" name="button9" width="60" class="button" value=" X9 " onclick="klick('9')"></TD>
</TR>
</TABLE>
</CENTER>
</FORM>

</BODy>
</HTML>

--

::Alien Swarm Sunstation 583::
::Left 4 Dead:: b_alley 95% | b_office 65%
::Battlemod:: steht still

http://www.iop-b.de/
zum Seitenanfang zum Seitenende Profil || Suche
001
09.06.2009, 15:20
CPoly

Zitat:
aber irgendwas will nicht funktionieren
Dann beheb das doch irgendwie.

Tipps:
-DOM
-Lerne die Javascript-Konsole zu benutzen
-Lerne Javascript

Edit: Hab aus deinem Kram was zusammengezimmert, aber damit du noch etwas dabei lernst, hier nur die interessanten Teile.

Quellcode:<SCRIPT type="text/javascript">
var Spieler='X';

function klick(sender)
{
    if(Spieler=='X')
    {
        sender.value = Spieler;
        sender.disabled="disabled";
        Spieler='O'
    }
    else
    {
        sender.value = Spieler;
        sender.disabled="disabled";
        Spieler='X'
    }
}
</SCRIPT>

<INPUT type="button" onclick="klick(this)">

--

Dieser Beitrag wurde am 09.06.2009 um 15:33 von CPoly bearbeitet.
zum Seitenanfang zum Seitenende Profil || Suche
002
09.06.2009, 16:17
bennifilm

Danke für deine Antwort , aber ich habe mich für eine andere methode entschieden
weil ich die besser nach vollziehen kann. Trotzdem Danke.

--

::Alien Swarm Sunstation 583::
::Left 4 Dead:: b_alley 95% | b_office 65%
::Battlemod:: steht still

http://www.iop-b.de/
zum Seitenanfang zum Seitenende Profil || Suche
003
09.06.2009, 16:24
Krifitze

Zitat:
bennifilm postete
Danke für deine Antwort , aber ich habe mich für eine andere methode entschieden
weil ich die besser nach vollziehen kann. Trotzdem Danke.
Und die sieht wie aus?

--

Website
zum Seitenanfang zum Seitenende Profil || Suche
004
09.06.2009, 16:51
bennifilm

Ich hab jetzt noch weiter gearbeitet doch bei der Gewinn abfrage häng ich auch :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<HTML>
<HEAD>
<TITLE>
Java Script Projekte von Gerrit, Paul und Benni
</TITLE>
<!--Legt die Überschrift fest die im Browser angezeit wird-->
</HEAD>

<BODY background="karriert_BG.gif" link=black alink=red vlink=white>
<FONT size="40" color="black">
<CENTER>
Java Script Projekte von
<br>
Gerrit, Paul und Benni
</CENTER>
</FONT>

<SCRIPT language"javascript" type="text/javascript">
<!--

var feldwert ="X"

document.ttt.anzeige.value = "Spieler 1"

function klick (feld)
{
if (feld == " ")
{
if (feldwert=="X")
{
feldwert="O";
document.ttt.anzeige.value = "Spieler 2"
gewinn_pruefung();
}
else
{
feldwert="X";
document.ttt.anzeige.value = "Spieler 1"
gewinn_pruefung();
}
return (" "+feldwert+" ");
}
else
{
return (feld);
}
}

function neustart()
{
document.ttt.button1.value = " "
document.ttt.button2.value = " "
document.ttt.button3.value = " "
document.ttt.button4.value = " "
document.ttt.button5.value = " "
document.ttt.button6.value = " "
document.ttt.button7.value = " "
document.ttt.button8.value = " "
document.ttt.button9.value = " "
document.ttt.anzeige.value = "Spieler 1"
}

function gewinn_pruefung()
{
var feld1, feld2, feld3, feld4, feld5, feld6, feld7, feld8, feld9;
feld1 = document.ttt.button1.value
feld2 = document.ttt.button2.value
feld3 = document.ttt.button3.value

feld4 = document.ttt.button4.value
feld5 = document.ttt.button5.value
feld6 = document.ttt.button6.value

feld7 = document.ttt.button7.value
feld8 = document.ttt.button8.value
feld9 = document.ttt.button9.value

if (((feld1=="X")&&(feld4=="X")&&(feld7=="X"))||((feld2=="X")&&(feld5=="X")&&(feld8=="X"))||((feld3=="X")&&(feld6=="X")&&(feld9=="X"))||((feld1=="X")&&(feld2=="X")&&(feld3=="X"))||((feld4=="X")&&(feld5=="X")&&(feld6=="X"))||((feld7=="X")&&(feld8=="X")&&(feld9=="X"))||((feld1=="X")&&(feld5=="X")&&(feld9=="X"))||((feld7=="X")&&(feld5=="X")&&(feld3=="X")))
{
document.ttt.anzeige.value = "Spieler 2 gewinnt"
window.alert ("Spieler 2 gewinnt");
}
else
{
if (((feld1=="O")&&(feld4=="O")&&(feld7=="O"))||((feld2=="O")&&(feld5=="O")&&(feld8=="O"))||((feld3=="O")&&(feld6=="O")&&(feld9=="O"))||((feld1=="O")&&(feld2=="O")&&(feld3=="O"))||((feld4=="O")&&(feld5=="O")&&(feld6=="O"))||((feld7=="O")&&(feld8=="O")&&(feld9=="O"))||((feld1=="O")&&(feld5=="O")&&(feld9=="O"))||((feld7=="O")&&(feld5=="O")&&(feld3=="O")))
{
document.ttt.anzeige.value = "Spieler 2 gewinnt"
window.alert ("Spieler 1 gewinnt");
} else {}
}
}
//-->
</SCRIPT>

<TABLE border="2" width=“512“ align=center bgcolor=#797979 cellspacing="5" bordercolor=black cellcolor=black cellpadding="0">
<TR>
<TD><CENTER><a href="javaproject_pqformel.html">PQFormelrechner</a></CENTER></TD>
<TD><CENTER><a href="javaproject_taschenrechner.html">Taschenrechner</a></CENTER></TD>
<TD><CENTER>TicTacToe Game</CENTER></TD>
</TR>
</TABLE>

<FORM name="ttt">
<CENTER>
<INPUT type="text" name="anzeige" value=" " readonly>
<TABLE border="3" cellpadding="2" cellspacing="2">
<TR>
<TD><INPUT type="button" name="button1" value=" " onClick="document.ttt.button1.value = klick(document.ttt.button1.value)"></TD>
<TD><INPUT type="button" name="button2" value=" " onClick="document.ttt.button2.value = klick(document.ttt.button2.value)"></TD>
<TD><INPUT type="button" name="button3" value=" " onClick="document.ttt.button3.value = klick(document.ttt.button3.value)"></TD>
</TR>
<TR>
<TD><INPUT type="button" name="button4" value=" " onClick="document.ttt.button4.value = klick(document.ttt.button4.value)"></TD>
<TD><INPUT type="button" name="button5" value=" " onClick="document.ttt.button5.value = klick(document.ttt.button5.value)"></TD>
<TD><INPUT type="button" name="button6" value=" " onClick="document.ttt.button6.value = klick(document.ttt.button6.value)"></TD>
</TR>
<TR>
<TD><INPUT type="button" name="button7" value=" " onClick="document.ttt.button7.value = klick(document.ttt.button7.value)"></TD>
<TD><INPUT type="button" name="button8" value=" " onClick="document.ttt.button8.value = klick(document.ttt.button8.value)"></TD>
<TD><INPUT type="button" name="button9" value=" " onClick="document.ttt.button9.value = klick(document.ttt.button9.value)"></TD>
</TR>
</TABLE>
<TD><INPUT type="button" name="reload" value="Neustart ?" onClick="neustart()"></TD>
</CENTER>
</FORM>

</BODy>
</HTML>

--

::Alien Swarm Sunstation 583::
::Left 4 Dead:: b_alley 95% | b_office 65%
::Battlemod:: steht still

http://www.iop-b.de/
zum Seitenanfang zum Seitenende Profil || Suche
005
09.06.2009, 17:03
CPoly

Zitat:
bennifilm postete
Ich hab jetzt noch weiter gearbeitet doch bei der Gewinn abfrage häng ich auch,
Da fehlt noch was, in der Form:
Zitat:
und zwar funktioniert folgendes nicht: ...,...,...
Folgendes habe ich bereits probiert: ...,...,...

--
zum Seitenanfang zum Seitenende Profil || Suche
006
09.06.2009, 17:06
bennifilm

ok...
nach jedem zug soll überprüft werden ob jetzt in drei kästen das selbe zeichen ist ,
das funktioniert alls mit einer riesigen If anweisung.

Doch wenn ich das ganze teste kann ich normal spielen doch es wird mir einfach kein sieg angezeigt.

Hier noch mal die funktion

function gewinn_pruefung()
{
var feld1, feld2, feld3, feld4, feld5, feld6, feld7, feld8, feld9;
feld1 = document.ttt.button1.value
feld2 = document.ttt.button2.value
feld3 = document.ttt.button3.value

feld4 = document.ttt.button4.value
feld5 = document.ttt.button5.value
feld6 = document.ttt.button6.value

feld7 = document.ttt.button7.value
feld8 = document.ttt.button8.value
feld9 = document.ttt.button9.value

if (((feld1=="X")&&(feld4=="X")&&(feld7=="X"))||((feld2=="X")&&(feld5=="X")&&(feld8=="X"))||((feld3=="X")&&(feld6=="X")&&(feld9=="X"))||((feld1=="X")&&(feld2=="X")&&(feld3=="X"))||((feld4=="X")&&(feld5=="X")&&(feld6=="X"))||((feld7=="X")&&(feld8=="X")&&(feld9=="X"))||((feld1=="X")&&(feld5=="X")&&(feld9=="X"))||((feld7=="X")&&(feld5=="X")&&(feld3=="X")))
{
document.ttt.anzeige.value = "Spieler 2 gewinnt"
window.alert ("Spieler 2 gewinnt");
}
else
{
if (((feld1=="O")&&(feld4=="O")&&(feld7=="O"))||((feld2=="O")&&(feld5=="O")&&(feld8=="O"))||((feld3=="O")&&(feld6=="O")&&(feld9=="O"))||((feld1=="O")&&(feld2=="O")&&(feld3=="O"))||((feld4=="O")&&(feld5=="O")&&(feld6=="O"))||((feld7=="O")&&(feld8=="O")&&(feld9=="O"))||((feld1=="O")&&(feld5=="O")&&(feld9=="O"))||((feld7=="O")&&(feld5=="O")&&(feld3=="O")))
{
document.ttt.anzeige.value = "Spieler 2 gewinnt"
window.alert ("Spieler 1 gewinnt");
} else {}
}
}

--

::Alien Swarm Sunstation 583::
::Left 4 Dead:: b_alley 95% | b_office 65%
::Battlemod:: steht still

http://www.iop-b.de/
zum Seitenanfang zum Seitenende Profil || Suche
007
09.06.2009, 17:15
CPoly

Anstatt if(feld1=="X") muss es heißen if(feld1==" X ")

Wozu mach ich eigentlich für dich Debugging? :-D

Edit: Und bevor du uns jetzt noch fragst, wieso die Meldung erst in dem darauf folgenden Spielzug kommt, dass liegt an deiner abenteuerlichen Konstruktion mit der klick-funktion. Die liefert ihren Wert erst an den button, nachdem du überprüft hast, ob man gewonnen hat. Folglich ist dann der Wert noch nicht gesetzt.

--

Dieser Beitrag wurde am 09.06.2009 um 17:19 von CPoly bearbeitet.
zum Seitenanfang zum Seitenende Profil || Suche
008
10.06.2009, 17:10
bennifilm

Ok vielen dank jetzt funktioniert alles.

--

::Alien Swarm Sunstation 583::
::Left 4 Dead:: b_alley 95% | b_office 65%
::Battlemod:: steht still

http://www.iop-b.de/
zum Seitenanfang zum Seitenende Profil || Suche