Match List Question

Un componente ISLE che rende una domanda in cui l'allievo deve far corrispondere gli elementi di due liste tra loro nel modo corretto.

Opzioni

• question | (string|node): domanda da visualizzare in cima al componente domanda della lista delle partite. Default: ''.
• elements | array<{a,b}>: un array che contiene le coppie corrette visualizzate nella parte superiore del componente di domanda a testo libero. Ogni elemento array deve essere un oggetto con proprietà a e b; fornire elementi con solo proprietà a o b per aggiungere le risposte del distrattore. Default: [].
• hintPlacement | string: posizionamento dei suggerimenti (top, left, right o bottom). Default: 'bottom'.
• hints | array<(string|node)>: suggerimenti che forniscono indicazioni su come rispondere alla domanda. Default: [].
• provideFeedback | boolean: indica se la soluzione deve essere accessibile dopo che gli studenti hanno inviato le loro risposte. Default: true.
• feedback | boolean: controlla se visualizzare i pulsanti di feedback. Default: true.
• chat | boolean: controlla se l'elemento deve avere una chat integrata. Default: false.
• colorScale | array: se impostati, i colori forniti vengono utilizzati per le piastrelle. Default: none.
• shuffle | string: specifica se mischiare le colonne left, right o entrambi i cui elementi devono essere abbinati; fornire none o qualsiasi altro valore per non mischiare gli elementi su entrambi i lati (può essere utile nel caso in cui non ci sia una soluzione presente). Default: 'both'.
• disableSubmitNotification | boolean: controlla se disabilitare le notifiche di presentazione. Default: false.
• submissionMsg | string: notifica visualizzata quando il discente invia la sua risposta per la prima volta. Default: 'You have successfully submitted your answer.'.
• resubmissionMsg | string: notifica visualizzata per tutti gli invii dopo il primo. Default: 'You have successfully re-submitted your answer.'.
• until | Date: il tempo necessario per consentire agli studenti di presentare le risposte. Default: none.
• points | number: numero massimo di punti assegnati in classifica. Default: 10.
• className | string: nome della classe. Default: ''.
• style | object: Stili in linea CSS. Default: {}.
• onChange | function: callback invocato quando gli studenti cambiano una risposta. Default: onChange() {}.
• onSubmit | function: richiamata invocata quando gli studenti inviano una risposta. Default: onSubmit() {}.

Esempi

• Minimal
• With Markdown
• With Solution & Style
• Shuffle Right
• Points for Grading

Editore dal vivo

<MatchListQuestion question="Please match the symbols and the respective chemical element." elements={[ { a: 'Be', b: 'Berlyllium' }, { a: 'Br', b: 'Bromine' }, { a: 'Ar', b: 'Argon' }, { a: 'Ac' , b: 'Actinium'}, { b: 'Arsenic' }, { b: 'Boron' } ]} provideFeedback={false} />

<MatchListQuestion
    question="Please match the symbols and the respective chemical element."
    elements={[
        { a: 'Be', b: 'Berlyllium' },
        { a: 'Br', b: 'Bromine' },
        { a: 'Ar', b: 'Argon' },
        { a: 'Ac' , b: 'Actinium'},
        { b: 'Arsenic' },
        { b: 'Boron' }
    ]}
    provideFeedback={false}
/>

Risultato

ReferenceError: Provider is not defined