Hey, ich und ein Freund von mir haben ein Problem mit unserem Schulprojekt und wir finden die Lösung einfach nicht. Wir programmieren in der Schule ein Memory wir sind fast fertig aber uns fehlt die Überprüfung ob zwei Karten gleich sind. Wir wollen das mit den Variablen 'Bild1' und 'Bild2' machen kriegen es aber nicht hin da Bild1 irgendwie wieder glöscht wird. Wir würden uns für jede Hilfe freuen
<html>
<head>
<title>Erstes Spiel!</title>
</head>
<script>
var k = 0;
var bild1;
var bild2;
var paar1, paar2;
var hit = 0;
var back = "lol.png";
var r1;
var r2;
var temp;
var timer;
var i;
var kartenArray = ["kat.jpg", "kat.jpg", "teemo.jpg", "teemo.jpg", "blitz.jpg", "blitz.jpg", "yi.jpg", "yi.jpg", "garen.jpg", "garen.jpg", "yasuo.jpg", "yasuo.jpg",
"vel.jpg", "vel.jpg", "annie.jpg", "annie.jpg"];
for (var s = 0; s < 1010; s = s + 1) { // Hier wird gemischt
r1 = parseInt(Math.random() * 8) + 1;
r2 = parseInt(Math.random() * 8) + 1;
temp = kartenArray[r1 - 1];
kartenArray[r1 - 1] = kartenArray[r2 - 1];
kartenArray[r2 - 1] = temp;
}
function choose(i) { // K überprüft wie oft ein Bild angeklickt wurde.i speichert das Bild und den Pfad, welches angeklickt wurde.
if (k < 2) {
if (k == 0) {
var bild1 = i;
var paar1 = kartenArray[i - 1];
alert('erste Prüfung')
alert(bild1);
alert(bild2);
alert(i);
} else { //Wenn K nicht 0 ist wird das zweite Bild gespeichert und der Pfad
var bild2 = i;
var paar2 = kartenArray[i - 1];
alert('zweitePrüfung')
alert(bild1);
alert(bild2);
alert(i);
}
k++;
document.images[i-1].src = kartenArray[i-1];
prompt(paar1, paar2);
if (k == 2) { //Wenn K gleich 2 ist dann sollte eigentlich übprüft werden ob die gleichen Karten angeklickt wurden.
alert('dritte Prüfung')
alert(bild1);
alert(bild2);
alert(i);
if (kartenArray[bild1] == kartenArray[bild2]){
alert('jaaaaaaa');
} else {
alert('neeeeeeeeeein');
k = 0;
}
}
}
}
function zurueckdrehen(b, c) { //Hier sollen die karten zurückgedreht werden wenn sie nicht ein Paar sind.
document.images[b - 1].src = "lol.png";
document.images[c - 1].src = "lol.png";
k = 0;
}
</script>
<body background="hintergrund.jpg">
<h1 id="1"></h1>
<br><br>
<table align=center valign=middle border="3">
<tr>
<td> <img src="Lol.png" height="180" width="180" onclick="choose(1)">
</td>
<td><img src="Lol.png" height="180" width="180" onclick="choose(2)">
</td>
<td><img src="Lol.png" height="180" width="180" onclick="choose(3)">
</td>
<td><img src="Lol.png" height="180" width="180" onclick="choose(4)">
</td>
</tr>
<tr>
<td> <img src="Lol.png" height="180" width="180" onclick="choose(5)">
</td>
<td> <img src="Lol.png" height="180" width="180" onclick="choose(6)">
</td>
<td><img src="Lol.png" height="180" width="180" onclick="choose(7)">
</td>
<td> <img src="Lol.png" height="180" width="180" onclick="choose(8)">
</tr>
<tr>
<td><img src="Lol.png" height="180" width="180" onclick="choose(9)"></td>
<td><img src="Lol.png" height="180" width="180" onclick="choose(10)"></td>
<td><img src="Lol.png" height="180" width="180" onclick="choose(11)"></td>
<td><img src="Lol.png" height="180" width="180" onclick="choose(12)"></td>
</tr>
<tr>
<td><img src="Lol.png" height="180" width="180" onclick="choose(13)"></td>
<td><img src="Lol.png" height="180" width="180" onclick="choose(14)"></td>
<td><img src="Lol.png" height="180" width="180" onclick="choose(15)"></td>
<td><img src="Lol.png" height="180" width="180" onclick="choose(16)"></td>
</tr>
</table>
</body>
</html>