• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Memory-Spiel mit html/php und javascript

K

klj

Neues Mitglied
Für ein Schulprojekt muss ich ein memory spiel progarmmieren und hab da mal eine Frage, und zwar zeigt er mir bisher auch das deck an und ich kann eine karte auch umdrehen, jedoch nachdem ich die karte umdrehen zeigt er mir das bild nicht an? kann man das problem irgendwie lösen ?
sad.png


Hier der bisherige Code:

<html>

<head>

<title>Memory</title>

<script language="JavaScript"><!--

var selected = 0;
var selbild = -1;
var selfeld1 = -1;
var selfeld2 = -1;
var weg = 0;

var mode = new Array();
for(i=0; i<=39; i++) mode = 0;

var deck = new Image();
deck.src = "bild1.jpg";
var leer = new Image();
leer.src = "bild2.jpg";

var bild = new Array();
var grossbild = new Array();
var zahlen = new Array(20);
for(j=0; j<=19; j++)
{
zahlen[j] = 0;
}
for(i=0; i<=19; i++)
{
bild = new Image();
grossbild = new Image();
a = 0;
for (p=0;a==0;p++)
{
a = Math.random();
a *= 32;
a = Math.ceil(a);
for (k=0; k<=19;k++)
{
if (a==zahlen[k])
{
a = 0;
}
}
}
zahlen = a;
bild.src = "BLOG/blog"+a+".jpg";
grossbild.src = "BLOG/blog"+a+"-gross.jpg";
}

function select(bildnummer, feldnummer)
{
if (selected == 0 && mode[feldnummer] != 1)
{
selbild = bildnummer;
selfeld1 = feldnummer;
selected = 1;
window.document.images[feldnummer].src = bild[bildnummer].src;
}
else if (selected == 1 && mode[feldnummer] != 1)
{
window.document.images[feldnummer].src = bild[bildnummer].src;
if (selbild == bildnummer && selfeld1 != feldnummer)
{
window.document.images[selfeld1].src = bild[bildnummer].src;
window.document.images[feldnummer].src = bild[bildnummer].src;
selected = 0;
mode[selfeld1] = 1;
mode[feldnummer] = 1;
weg++;
if (weg == 20)
alert("Geschafft! Du hast " + window.document.Anzeige.Zeit.value + " Minuten gebraucht.");
}
else
{
selected = 2;
selfeld2 = feldnummer;
}
}
else if (mode[feldnummer] == 1)
{
}
else if (selected == 2)
{
selected = 0;
window.document.images[selfeld1].src = deck.src;
window.document.images[selfeld2].src = deck.src;
}
}
//--></script>
<script language="JavaScript"><!--
Jetzt = new Date();
var Start = Jetzt.getTime();

function ZeitBerechnen()
{
var Immernoch = new Date();
return((Immernoch.getTime() - Start)/1000);
}

function ZeitAnzeigen()
{
if(weg < 20)
{
var absSekunden = Math.round(ZeitBerechnen());
var relSekunden = absSekunden % 60;
var absMinuten = Math.round((absSekunden-30)/60);
var anzSekunden ="" + ((relSekunden > 9) ? relSekunden : "0" + relSekunden);
var anzMinuten ="" + ((absMinuten > 9) ? absMinuten : "0" + absMinuten);
window.document.Anzeige.Zeit.value = anzMinuten + ":" + anzSekunden;
window.setTimeout('ZeitAnzeigen()',1000);
}
}
//--></script>
</head>

<link rel="stylesheet" type ="text/css" href="design.css" onload="window.setTimeout('ZeitAnzeigen()',1)">

<center>
<font face="Arial,Helvetica" size="+2">
~~Das blogtastische Memory~~ </font>
<font face="Arial,Helvetica" size="+1">
</font>
</center>
<br>

<form name="Anzeige">
[<a href="#" onclick="window.location.reload()">Neues Spiel</a>] &nbsp;&nbsp; <input size="7" name="Zeit">
</form>
<p>
<div align="center"><center>
<table border="1">
<tr>
<td><a href="#" onclick="select(5, 0)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(9, 1)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(2, 2)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(6, 3)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(11, 4)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(4, 5)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(15, 6)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(8, 7)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
</tr>
<tr>
<td><a href="#" onclick="select(11,
cool.png
"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(18, 9)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(12, 10)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(16, 11)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(17, 12)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(1, 13)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(15, 14)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(18, 15)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
</tr>
<tr>
<td><a href="#" onclick="select(5, 16)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(9, 17)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(2, 1
cool.png
"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(6, 19)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(11, 20)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(4, 21)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(15, 22)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(8, 23)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
</tr>
<tr>
<td><a href="#" onclick="select(11, 24)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(18, 25)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(12, 26)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(16, 27)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(17, 2
cool.png
"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(1, 29)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(15, 30)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(18, 31)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
</tr>
<tr>
<td><a href="#" onclick="select(11, 32)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(18, 33)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(12, 34)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(16, 35)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(17, 36)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(1, 37)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(15, 3
cool.png
"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
<td><a href="#" onclick="select(18, 39)"><img src="bild1.jpg" width="99" height="140" border="0"></a></td>
</tr>

</table>

</center>

</div>

<br><br>

</body>

</html>
 
Wer soll denn das lesen?

Ich erkenne da auch kein PHP, nur unformatierten Code, fehlerhaftes HTML, veraltete Tags und JavaScript.

- erläutere die Programmlogik
- Schreibe ein valides HTML-Grundgerüst
- Überlege, wie du das HTML innerhalb des Bodys über eine PHP-Schleife ausgeben kannst
- Verwende weder Tabellen, noch font-face oder center

Dann sehen wir weiter. ;)
 
oh okay, das war mir nicht so bewusst ;)

Auf jeden Fall ist das Probelm, dass mir nach dem Klick auf eine Karte kein Bild angezeigt wird?
 
Und was hat das mit PHP zu tun? Es handelt sich um ein JavaScript, welches im Browser läuft.

Gibt es denn einen JavaScript-Fehler wenn Du klickst?
 
Das ist aber keine JavaScript-Fehlermeldung?! Wo siehst Du sie? In der JavaScript-Konsole oder im Browserfenster? Kann man das vlt. auch irgendwo online sehen? Gibt es einen Link?
 
Wir arbeiten mit MOWES, also falls es einen Fehler gibt, wird der einem ja extern angezeigt. Daher kann man das auch nicht online sehen ohne den MOWES Ordner zu haben und zum anderen müssen wir bevor wir die Seite öffnenen können, in die Interentseite schreiben: http:// localhost/....
 
MOWES kenne ich nicht, weiß daher nicht wovon Du sprichst. Allerdings klingt der letzte Satz so als würdest Du nur lokal auf einem lokal installierten Webserver arbeiten. Meine Frage nach der Fehlermeldung hast Du auch nicht wirklich beantwortet - mit "extern angezeigt" kann ich auch nichts anfangen.

Aber gut, dass Du es doch selbst hinbekommen hast ...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben