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 typ select 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: