jQuery von Kopf bis Fuß (German Edition)

überprüfen, ob sie sich schon im Array
benutzte_karten
befinden.
    Jim:  Wow, sehr eindrucksvoll! Wie können wir herausfinden, ob sich ein Wert in einem Array befindet?
    Frank:  Mithilfe einer jQuery-Hilfsmethode namens
inArray
.
    Joe:  Klingt praktisch. Aber ich glaube, wir werden mehrere Funktionen brauchen, um das Ganze zu erledigen. Wir müssen eine Zufallszahl zwischen 0 und 51 erzeugen und überprüfen, ob sie schon benutzt wurde. Wenn ja, müssen wir es noch einmal probieren. Falls die Zahl noch nicht benutzt wurde, müssen wir die korrekte Karte aus dem Stapel ziehen und uns den Index dieser Karte merken. Und dann müssen wir dem Spieler diese Karte anzeigen.
    Jim:  Klingt nach einer Menge Arbeit! Wie sollen wir dem Spieler die Karten überhaupt anzeigen?
    Frank:  Die Bilder haben wir ja schon. Und sie sind bereits nach Farbe und Wert geordnet. Wir können diese Attribute des Kartenobjekts benutzen, um die Bilder anzuzeigen.
    Joe:  Genau. Wir erzeugen ein DOM-Element und hängen es an das
mein_blatt
-div an, das sich bereits in der HTML-Seite befindet.
    Frank:  Dieses Kartenobjekt zahlt sich jetzt schon aus. Also an die Arbeit!

Die Nadel im Heuhaufen finden
    Oft muss überprüft werden, ob sich eine Variable schon in einem Array befindet oder nicht, damit es keine doppelten Daten gibt bzw. Ihr Code nicht die gleiche Sache mehrmals in ein Array einfügt. Das kann besonders praktisch sein, wenn Sie Arrays zum Speichern von Sachen benutzen, wie bei einem Warenkorb oder einem Wunschzettel.

    jQuery besitzt ein ganzes Heer von Hilfsmethoden , mit denen bestimmte Aufgaben effizienter erledigt werden können. Es gibt Funktionen, mit denen getestet werden kann, welcher Browser gerade benutzt wird, andere geben die aktuelle Uhrzeit zurück, und wieder andere können Arrays miteinander verschmelzen oder Duplikate aus Arrays entfernen.
    In unserer Situation ist die Hilfsmethode
inArray
besonders hilfreich. Sie gibt zurück, an welcher Stelle im Array sich ein bestimmter Wert befindet (also seinen Index), sofern der Wert existiert. Kann der Wert im Array nicht gefunden werden, wird -1 zurückgegeben. Wie für andere Hilfsmethoden, wird auch für
inArray
kein Selektor benötigt. Die Methode wird direkt von der jQuery-Funktion oder dem jQuery-Kürzel aufgerufen.

    Kopf-Nuss
    Welcher Teil des Black-Jack-Programms muss überprüfen, ob wir einen bestimmten Wert schon benutzt haben?
    jQuery-Black-Jack-Codemagneten
    Ordnen Sie die Magneten, um den Code zu schreiben, der die verschiedenen Funktionen vervollständigt, um das Black-Jack-Spiel zu beenden. Der fertige Code sollte die beiden Funktionen
deal
und
hit
erzeugen, und außerdem einen click-Event-Listener für ein Element mit der ID
geben_button
. Außerdem soll die Array-Variable
benutzte_karten
angelegt werden, damit wir uns merken können, welche Karten bereits ausgeteilt wurden.
    jQuery-Black-Jack-Codemagneten: Lösung
    Hier sehen Sie die fertigen Funktionen
karten_geben
und
neue_karte
sowie den Event-Listener für ein Element mit der ID
geben_button
. Außerdem gibt es eine neue Array-Variable namens
benutzte_karten
, damit wir uns merken können, welche Karten bereits ausgegeben wurden.
    Probefahrt
    Bauen Sie den Code aus der Magnetenübung nach dem Array
stapel
in Ihre Datei meine_skripts.js ein und probieren Sie das Programm in Ihrem Browser aus. Klicken Sie auf den Kartenstapel, um ein neues Black-Jack-Blatt zu erhalten.

    Natürlich können wir eine Option einbauen, um mehr Karten aus dem Stapel zu holen. Die Funktion
neue_karte
haben wir schon.
    Wir brauchen bloß eine Möglichkeit, die Funktion auszuführen, beispielsweise einen Klick auf einen Button oder etwas Ähnliches. Außerdem gibt es eine neue Aufgabe: Um sagen zu können, wann ein Spieler »überzahlt« ist, müssen wir die Karten nachhalten und zählen, die der Spieler bereits bekommen hat.
    Kopf-Nuss
    Wissen Sie schon, wie wir diese verschiedenen Informationen speichern können?
    HTML & CSS ofenfrisch
    Da Sie sich mittlerweile sehr gut mit Stil und Struktur auskennen, zeigen wir Ihnen hier zum Vergleich einfach den aktualisierten Code für die Dateien index.html und meine_stile.css . Danach sollte die Seite etwas anders aussehen als vorher. Wir werden die einzelnen Teile gleich miteinander verbinden.
    Es gibt keine: Dummen Fragen
    F:
F: Gibt es noch andere Schleifenarten, die ich kennen sollte?
A:
A: Ja, die gibt es. Beispielsweise die
while
-Schleife. Sie funktioniert so ähnlich wie