Memory programmieren

Diskutiere Memory programmieren im HTML Forum im Bereich Programmierung; Hey Leute, Ich wollte mir gerne ein simples memory erstellen. Ich habe dafür einen vorhandenen quelltext genommen und für mich umgeschrieben. Das...
Neues Thema erstellen Antworten
  • Memory programmieren Beitrag #1
H
Hydron13
New member
Beiträge
1
Punkte Reaktionen
0
Hey Leute,
Ich wollte mir gerne ein simples memory erstellen. Ich habe dafür einen vorhandenen quelltext genommen und für mich umgeschrieben. Das Spiel funktioniert auch einwandfrei, aber mein ziel ist es nicht, zwei gleiche paare zu bilden, sondern zwei zusammen gehörende karten aufzudecken (Beispiel: Land und Hauptstadt). Ich habe schon viel rumprobierbt und bin mit den grundlagen von html vertraut. Ich versteh aber die funktion select im quelltext nicht. Was sind Bildnummer und Feldnummer? Danke für eure Hilfe! :)

Hier der bisheriger Code:

<html>

<head>
<title>Geografie 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 = "deck.jpg";
var leer = new Image();
leer.src = "leer.gif";

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 *= 40;
a = Math.ceil(a);
for (k=0; k<=19;k++)
{
if (a==zahlen[k])
{
a = 0;
}
}
}
zahlen = a;
bild.src = "karten/karte"+a+".jpg";
grossbild.src = "karten/hamster"+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("Saubere Leistung! 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>

<body bgcolor="#FF6317" onload="window.setTimeout('ZeitAnzeigen()',1)">

<center>
<font face="Arial,Helvetica" size="+2">
Geografie-Memory
</font>

<font face="Arial,Helvetica" size="+1">
</font>
</center>
<br>

<form name="Anzeige">
[<a href="#" onclick="window.location.reload()">Neues Spiel</a>]    <input size="7" name="Zeit">
</form>
<p>
<div align="center"><center>
<table border="1">
<tr>

<td><a href="#" onclick="select(5, 0)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(9, 1)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(2, 2)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(6, 3)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(11, 4)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(4, 5)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(15, 6)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(8, 7)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
</tr>

<tr>
<td><a href="#" onclick="select(11, 8)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(18, 9)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(12, 10)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(16, 11)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(17, 12)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(1, 13)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(15, 14)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(18, 15)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>

</tr>
<tr>
<td><a href="#" onclick="select(7, 16)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(19, 17)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(14, 18)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(0, 19)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(13, 20)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(10, 21)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(16, 22)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>

<td><a href="#" onclick="select(1, 23)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
</tr>
<tr>
<td><a href="#" onclick="select(0, 24)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(10, 25)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(6, 26)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(12, 27)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(5, 28)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(14, 29)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>

<td><a href="#" onclick="select(3, 30)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(19, 31)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
</tr>
<tr>
<td><a href="#" onclick="select(3, 32)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(8, 33)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(13, 34)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(9, 35)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(7, 36)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>

<td><a href="#" onclick="select(17, 37)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(4, 38)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
<td><a href="#" onclick="select(2, 39)"><img src="deck.jpg" width="120" height="80" border="0"></a></td>
</tr>
</table>
</center></div>
<br><br>
<center>
</center>

</body>
</html>
 
Thema:

Memory programmieren

Oben Unten