Range Question

Eine Bereichskomponente, die die Teilnehmer auffordert, einen unteren und oberen Endpunkt anzugeben.

Optionen

question | (string|node): angezeigte Frage. Default: ''.
solution | array<number>: Zwei-Elemente-Array, das die Endpunkte des korrekten Bereichs enthält. Default: none.
hintPlacement | string: Platzierung der Hinweise (entweder top, left, right, oder bottom). Default: 'top'.
hints | array<(string|node)>: Hinweise, die bei der Beantwortung der Frage helfen. Default: [].
labels | array: Zwei-Elemente-Array mit benutzerdefinierten Bezeichnungen außer "Lower" und "Upper". Default: none.
feedback | boolean: steuert, ob Feedback-Tasten angezeigt werden sollen. Default: true.
chat | boolean: steuert, ob das Element einen integrierten Chat haben soll. Default: false.
digits | number: Anzahl der Ziffern, die zwischen der Lösung und der vom Benutzer eingegebenen Antwort übereinstimmen müssen. Wenn nicht angegeben oder auf null gesetzt, prüft die Komponente auf strikte Gleichheit. Wenn auf 0 gesetzt, wird auf ganzzahlige Gleichheit geprüft. Default: 3.
max | number: maximaler Eingangswert. Default: null.
min | number: minimaler Eingangswert. Default: null.
nTries | number: nach wie vielen Versuchen eine Rückmeldung gegeben werden soll (wenn provideFeedback true ist). Default: 1.
provideFeedback | boolean: gibt an, ob ein Feedback einschließlich der richtigen Antwort angezeigt werden soll, nachdem die Lerner ihre Antworten abgeschickt haben. Default: true.
submitAfterFeedback | boolean: steuert, ob eine Wiedervorlage möglich sein soll, auch wenn die Lösung bereits bekannt ist. Default: false.
until | Date: Zeit, bis die Studenten ihre Antworten einreichen dürfen. Default: none.
points | number: maximale Anzahl von Punkten, die bei der Benotung vergeben werden. Default: 10.
style | object: CSS-Inline-Stile. Default: {}.
onChangeLower | function: Callback, der ausgelöst wird, nachdem die untere Grenze durch den Benutzer geändert wurde. Default: onChangeLower() {}.
onChangeUpper | function: Callback, der ausgelöst wird, nachdem die obere Grenze durch den Benutzer geändert wurde. Default: onChangeUpper() {}.
onChange | function: Callback, der ausgelöst wird, wenn eine Grenze vom Benutzer geändert wird (mit unterer und oberer Grenze als Argumente). Default: onChange() {}.
onSubmit | function: Callback, der aufgerufen wird, wenn die Antwort abgeschickt wurde; hat als ersten Parameter ein boolean, das angibt, ob die Antwort richtig beantwortet wurde (falls zutreffend, sonst null) und die gelieferte Antwort als zweiten Parameter. Default: onSubmit() {}.

Beispiele

Minimal
With Hints
With Style
With Points and Feedback

Live-Editor

<RangeQuestion
    style={{ fontSize: 17, }}
    question="What year did the Thirty Years War broke out and when did it?"
    solution={[1618,1648]}
    labels={['Start', 'End']}
    min={1500}
    max={2000}
/>

<RangeQuestion
    style={{ fontSize: 17, }}
    question="What year did the Thirty Years War broke out and when did it?"
    solution={[1618,1648]}
    labels={['Start', 'End']}
    min={1500}
    max={2000}
/>

Ergebnis

ReferenceError: Provider is not defined

Optionen​

Beispiele​

Optionen

Beispiele