Spiel - Rock, Paper, Scissors, Spock, Lizard

Als Aufgabe galt es, ein Spiel mit der Logik von Schere, Stein, Papier zu programmieren. Ich habe HTML für den Inhalt und die Stuktur des Spiels verwendet. Mit CSS habe ich alle Elemente stilisiert. Javascript habe ich hauptsächlich für die Logik des Spiels benutzt. Am Ende habe ich auch Bonus-Features implementiert, wie zum Beispiel das Feuerwerk, das Spiel-Setup und die Tabelle der Ergebnisse.

Spiel-Setup

In diesem Popup kann der User Parameter einstellen, wie zum Beispiel die Farben und die Icons des Spielers bzw. des Computers. Bei jedem Parameter werden mithilfe von JavaScript mehrere Checks durchgeführt, zum Beispiel die beiden Farben dürfen nicht zu ähnlich sein.

Ergebnistabelle

Am Ende des Spiels kann man sich eine Ergebnistabelle anzeigen lassen. Hier werden die eingegebene Parameter und die Spieldauer eingeblendet. Außerdem sieht man hier die Ergebnisse jeder Runde. Es ist auch möglich, den Inhalt dieser Tabelle herunterzuladen.