Schülerauswahl
Aus ProgrammingWiki
Wiki-Quelltext dieser Seite.
== Schülerauswahl == Schreiben Sie ein Programm zur zufälligen Auswahl eines Schülers (Zahl 1-30 entsprechend Klassenbuch). Das Programm dient dazu, dass z.B. der Lehrer einen Schüler oder eine Schülerin aus der Klasse auswählen kann, der/die dann etwas zu tun bekommt (z.B. Lösung vorstellen o.a.). '''Funktion ''' # Ein Schüler wird zufällig ausgewählt (Nummer oder Name). # Die Auswahl kann beliebig oft wiederholt werden (z.B. Start über Button). # Fehlende Schüler können von der zufälligen Auswahl ohne Änderung des Quellcodes ausgeschlossen werden (Eingabe von Nummer in der Liste oder Namen). # Die Eingaben erfolgen über Formularfelder. # Die Ausgaben erfolgen über ein <div>-Tag mit eindeutiger ID, z.B. "id = ausgabe". ''' Nice to have ''' # Die Menge der auszuwählenden Schüler kann angegeben werden (Formularfeld oder prompt). # Die Namen der Schüler können eingegeben werden bzw. auch die Namen von Gästen. # Dem Nutzer wird bei seinen Eingaben geholfen durch weiterführende Hilfstexte. # Besonders schönes Design der Seite, z. B. abgerundete Buttons # Der Javascript-Code wurde in eine eigene Datei ausgelagert == Für Fortgeschrittene: == # Starten Sie eine Javascript-Funktion (Auswahl) durch Anklicken eines Buttons, damit beliebige Wiederholungen möglich sind. # Ermitteln Sie in Ihrer Funktion per Zufall (random und round) die Nr. eines Schülers (1 bis 30). # Geben Sie den ausgewählten Schüler in einem <div>-Tag aus. # Berücksichtigen Sie in Ihrem Programm, dass nicht alle Schüler jeden Tag anwesend sind. # Verwenden Sie zur Eingabe der fehlenden Schüler ein Formularfeld. # Passen Sie das Programm auf die Schüler Ihrer Klasse an und geben Sie statt der Zahl den Namen des Schülers aus. (Array mit Namen!) == Für Experten: == # Erweitern Sie Ihr Programm um die Schüler einer weiteren Klasse. # Erweitern Sie Ihr Program um eine Auswahlliste, in der mehrere Klassen zur Auswahl stehen. (Eigenrecherche zu HTML-Listen notwendig). # Passen Sie das Layout der Seite an die Gestaltung der Seiten der Schule an (www.oszkim.de). == Hilfen == Wie gibt man eine Liste aller Schüler in der HTML-Seite aus? [[https://www.javascriptbasics.wikispaces.com/file/view/AlleSchueler.html | Teil-Lösungen]]