Schere-Stein-Papier-App – Schritt 1

Was wählst du? Was wählt der Computer?

Ziel 1

Erstelle drei Buttons für Schere, Stein und Papier und einen Button, auf dem die zufällige Auswahl des Computers dargestellt wird.

1.	Links im Bereich `Benutzerschnittstelle` findet ihr die Elemente, die ihr braucht.
2.	Fügt zwei Elemente des Typs `Bezeichnung` hinzu. Fügt vier Elemente des Typs `Taste` in das Handydisplay hinzu. Ordnet die Elemente wie im Bild rechts an. Die oberen drei Tasten sind für eure Auswahl, in der unteren Taste taucht dann die Auswahl des Computers auf.
3.	Vergebt sinnvolle Namen für die Elemente. Benennt die Tasten um und schreibt "`TasteSchere`", "TasteStein", "TastePapier". Die untere Taste heißt "`TasteComputer`" Benennt `"Bezeichnung1"` um und schreibt `"DuWählst"`. Benennt `"Bezeichnung2"` um und schreibt `"ComputerWählt"`
4.	Ändert unter Eigenschaften der jeweiligen Elemente den Platzhalter-Text. Gebt für die drei oberen Tasten den Text `"Schere", "Stein", "Papier"` ein. Gebt für den unteren Button `"???"` ein. Später soll hier das Ergebnis angezeigt werden. Gebt für die Bezeichnungsfelder passende Texte ein, oben z. B. `"Du wählst:"` und unten z. B. `"Der Computer wählt:"` Ihr könnt auch den Screen-Namen ändern.
5.	So sollte euer Screen aussehen:

1.	Öffnet jetzt oben rechts die Blöcke-Ansicht.
2.	In der linken Spalte "Blöcke" findet ihr die Bausteine, die ihr braucht.
3.	Erstellt zunächst zwei Variablen mit dem Block `global initialisieren` und nennt diese `DeineWahl` und `ComputerWahl`
4.	Erstellt für die drei Tasten `TasteSchere, TasteStein, TastePapier` ein Klickevent. Wenn die Taste geklickt wird soll die Variable `DeineWahl` auf die entsprechende Auswahl gesetzt werden. Erstellt dazu drei `setze`-Blöcke aus dem Bereich Variablen und ergänzt die Werte
5.	Damit der Computer auf unsere Eingabe reagiert erstellen wir eine Prozedur. Ihr findet den `zu-Prozedur-mache-`Block im Bereich Prozeduren Die Prozedur kann anschließend über einen `aufrufen-Prozedur`-Block in allen Klick-Events gestartet werden.
6.	Zuletzt soll der Computer beim Klicken selbst eine zufällige Auswahl treffen. Erstellt dazu eine Liste mit den drei Auswahlmöglichkeiten. Dies geht über einen `Liste-erstellen`-Block im Bereich Listen, über das Zahnrad könnt ihr einen weiteren Anschluss hinzufügen Fügt anschließend aus dem selben Bereich einen `zufälliges-Element-wählen`-Block hinzu und verknüpft alle Elemente. Zuletzt wird das Ergebnis über einen `setze`-Block in die Variable `ComputerWahl` geschrieben und über einen weiteren `setze`-Block als Text für die `TasteComputer` geschrieben.
6.	Verknüpft die Elemente sinnvoll, so dass die gewünschte Funktion ausgeführt wird. So sollte euer Screen aussehen:

1.

Klickt im App Inventor oben auf Verbinden und wählt AI Companion.

2.

Öffnet die App AI Companion auf eurem Test-Smartphone und wählt scan QR code.

Vergesst nicht den Haken bei Use Legacy Connection zu setzen.

3.

Scannt den QR-Code auf dem Computerbildschirm – die App wird geladen.

Was passiert, wenn ihr die Tasten klickt?
Wird eine Antwort vom Computer angezeigt?
Wird erneut eine Antwort vom Computer angezeigt, wenn man erneut auf eine der drei oberen Tasten tippt?
Sind die Zahlen zufällig?
Erscheinen nur Zahlen zwischen 1 und 6?

Funktioniert alles? Herzlichen Glückwunsch! Weiter geht es auf der nächsten Seite!