Kontrolle Eingabe
Das Modul einbinden
Um die interaktiven Elemente nutzen zu können, muss die Einbindung über den Meta-Tag features
erfolgen:
---- Features: kontrolle-eingabe ----
Funktion
Das interaktive Element erzeugt ein Input-Feld oder ein Select-Feld, welches z.B. in Aufgaben genutzt werden kann. Die möglichen Lösungen (und ggf. die Auswahlmöglichkeiten) werden in der Konfiguration übergeben. Wird eine falsche Eingabe getätigt, so wird das Feld rot (inf-schule Farbe) gefärbt. Wird eine der übergebenen Lösungen eingegeben/ausgewählt, so wird das Feld dunkelblau (inf-schule Farbe) gefärbt.
Konfiguration vornehmen
dataconfig
- Übergabe der Konfiguration im JSON Format.
-
breite
- Breite des Input-Feldes in Pixel, ohne den Zusatz px (Standardwert: 100) -
loesungen
- Übergabe eines Arrays von Strings mit möglichen Lösungen -
ausrichtung
- Übergabe der Textausrichtung im Input-Feld als String (left, center, right; Standardwert: center) -
typ
- Übergabe des Eingabetyps (input, select; Standardwert: input) -
auswahl
- Übergabe eines Arrays von Strings der Auswahlmöglichkeiten, falls als typselect
gewählt wurde
Beispiele Input
<p>Die Wahrscheinlichkeit für Kopf bei einer Münze: <kontrolle-eingabe dataconfig='{
"breite": "55",
"loesungen": ["0,5","0.5","50/100","50%"],
"ausrichtung": "left"
}'></kontrolle-eingabe></p>
<p>Pi auf zwei Nachkommastellen gerundet: <kontrolle-eingabe dataconfig='{
"breite": "80",
"loesungen": ["3,14","3.14"]
}'></kontrolle-eingabe></p>
Die Wahrscheinlichkeit für Kopf bei einer Münze:
Pi auf zwei Nachkommastellen gerundet:
Beispiel Select
<p>Die Wahrscheinlichkeit für Kopf bei einer Münze: <kontrolle-eingabe dataconfig='{
"breite": "55",
"loesungen": ["50%"],
"typ": "select",
"auswahl": ["40%","45%","50%","55%","60%","65%","70%"]
}'></kontrolle-eingabe></p>
Die Wahrscheinlichkeit für Kopf bei einer Münze: