i

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:

Suche

v
17.6.3.4.29
dev.inf-schule.de/infschule/dokumentation/kapitel-erstellen/interaktive-elemente/kontrolle-eingabe
dev.inf-schule.de/17.6.3.4.29
dev.inf-schule.de/@/page/rADY0wAtgqYTC8w7

Rückmeldung geben