Hinweise für Entwickler (HTML)

Dies sind die Anmerkungen, die der Entwickler für diese Beispielanwendung bereitgestellt hat.

Das gameGrid-Element ist ein Container, der die Spielkarten enthält. Die Karten werden durch den Code generiert.
Jede Karte ist ein Klon des Inhalts des cardTemplate-Elements, das nur als Vorlage für die Spielkarten verwendet wird. Der Code sieht in der bereitgestellten Vorlage nach und legt die Quelleigenschaft jedes gefundenen Bildelements als Kartenbild für das Spiel fest. Wenn also ein <p>-Tag gefunden wird, wird der Inhalt auf die URL des Bilds festgelegt.
Jeder Spielkarte ist ein gameItem-Klassenname zugewiesen. Verwenden Sie die gameItem-Klasse zum Formatieren der Karte.
Jeder Karte sind je nach Zustand drei Klassennamen zugewiesen:
- closedCard Der Zustand ist mit der Vorderseite nach unten.
- openCard Der Zustand ist mit der Vorderseite nach oben.
- foundCard Der Zustand einer gefundenen Übereinstimmung.
Die Spiellogik unterstützt drei Spielbrettgrößen:
- smallGame Verwendet 16 Karten (8 Paare).
- mediumGame Verwendet 36 Karten (18 Paare).
- largeGame Verwendet 64 Karten (32 Paare).
Das Popup für die Bildanzeige ist im div-Element popupHolder definiert:
- openImagePopup openImagePopup ist die Klasse, die zugewiesen wird, wenn das Popupbild angezeigt wird.
- closeImagePopup closeImagePopup ist die Klasse, die zugewiesen wird, wenn das Popupbild ausgeblendet ist.

Siehe auch