Hallo,
Ich bastel an einem kleinen Spiel, wo man die Strasse entlang gehen muß.
Funktioniert soweit auch, mein Problem ist aber, wie verhindere ich, das man wenn man z.b. auf Feld 3 ist, auf ein anderes Feld ausser vor auf Feld 4 oder zurück auf Feld 2 klicken kann.,
Und die Funktionen:
meine Überlegung war, wenn ich jede m Feld eine nummer gebe (aktuell) und dem feld auch sage, was das nächste Feld ist (next) und dann mit der if abfrage in der Funktion
if(aktuell+1 == next){}
könnte ich das Problem lösen, das man immer nur auf das nächste oder zurück kann, aber das geht wohl so nicht.
Ich bastel an einem kleinen Spiel, wo man die Strasse entlang gehen muß.
Funktioniert soweit auch, mein Problem ist aber, wie verhindere ich, das man wenn man z.b. auf Feld 3 ist, auf ein anderes Feld ausser vor auf Feld 4 oder zurück auf Feld 2 klicken kann.,
Code:
<td
background="karte2_41.jpg">
<img src="giphy2.gif" id="a1" onclick="changeImage('a1'); change2('a2'); aktuell=1; next=2;"></td>
<td background="karte2_42.jpg">
<img id="a2" onclick="changeImage('a2'); change2('a1'); change2('a3'); aktuell=2;next=3;" src="bilder/leer.png"></td>
<td background="karte2_43.jpg">
<img id="a3" onclick="changeImage('a3'); change2('a2'); change2('a4'); aktuell=3;next=4;" src="leer.png"></td>
<td background="karte2_44.jpg">
<img id="a4" onclick="changeImage('a4'); change2('a3'); change2('a5'); aktuell=4; next=5;" src="/leer.png"></td>
Und die Funktionen:
Code:
<script>
var aktuell = 1; var next=2;
function changeImage(id)
{
if(aktuell+1 == next){
document.getElementById(id).src = "giphy2.gif";
} }
function change2(id)
{
document.getElementById(id).src = "Bilder/leer.png";
}
</script>
meine Überlegung war, wenn ich jede m Feld eine nummer gebe (aktuell) und dem feld auch sage, was das nächste Feld ist (next) und dann mit der if abfrage in der Funktion
if(aktuell+1 == next){}
könnte ich das Problem lösen, das man immer nur auf das nächste oder zurück kann, aber das geht wohl so nicht.