Want to make creations as awesome as this one?

Transcript

Anleitung

Vorlage

Tutorial

Beispiel

ein Quiz mit Wörtern / Zahlen als Antworten erstellen

Reuse

Check

SCAPE123

UsernamePassword

compteur

Attempts

Wrong username or password

Beispiel 1

//-----VARIABLES UTILISATEUR---- var solution = ["Scape", "123"]; //enter the correct answers var ordre = 1; // 0 or 1 - type 1 if the order of the answers is important var espace = 1 ; //0 or 1 - type 1 if you want spaces at beginning or end to be irrelevant var casse = 0; // 0 or 1 - type 1 if case is relevant (upper/lower case) var correct=0; // 0 or 1 - type 1 to view the errors (in red / green) var tentative=1; // 0 or 1 - type 1 to display the number of attempts var maxtentative=0; // 0 for unlimited - type in the maximum number of attempts allowed ("tentative" must be at 1) var unefois=0; //0 or 1 - type 1 to prevent restarting during a session (the quiz will be blocked) ("tentative" must be at 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

PRÜFEN

Beispiel 2

Was ist die Hauptstadt von England?4+5=Was ist gelb auf Englisch?

Korrekt, der Code ist12874

Nicht alles richtig

Der Code sieht so aus

var solution = ["London", "9", "yellow"]; //Gebt die richtigen Antworten ein.var ordre = 1; // 0 oder 1 - schreibt 1, wenn die Reihenfolge der Antworten wichtig ist.var espace = 0 ; //0 oder 1 - schreibt 1, wenn Leerzeichen am Anfang oder Ende wichtig sind.var casse = 0; // 0 oder 1 - schreibt 1, wenn Grossschreibung wichtig ist.var correct=0; // 0 oder 1 - schreibt 1, um richtige/falsche Antworten mit grün oder rot zu zeigenvar tentative=0; // 0 oder 1 - schreibt 1 um Versuche anzuzeigen ( compteur muss auf der Seite sein!)var maxtentative=0; // 0 für unbegrenzte Versuche - schreibt die maximale Anzahl an Versuchen. ("tentative" muss auf 1 sein)var unefois=0; //0 oder 1 - schreibt 1 um ein Neustarten wahrend der Session zu vermeiden (Das Quiz wird blockiert) ("tentative" muss auf 1 sein)

//-----VARIABLES UTILISATEUR---- var solution = ["London", "9", "yellow"]; //enter the correct answers var ordre = 1; // 0 or 1 - type 1 if the order of the answers is important var espace = 0 ; //0 or 1 - type 0 if you want spaces at beginning or end to be irrelevant var casse = 0; // 0 or 1 - type 1 if case is relevant (upper/lower case) var correct=1; // 0 or 1 - type 1 to view the errors (in red / green) var tentative=0; // 0 or 1 - type 1 to display the number of attempts var maxtentative=0; // 0 for unlimited - type in the maximum number of attempts allowed ("tentative" must be at 1) var unefois=0; //0 or 1 - type 1 to prevent restarting during a session (the quiz will be blocked) ("tentative" must be at 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Tiere auf dem Bild:und

PRÜFEN

Beispiel 3

Code sieht so aus:

var solution = ["Hund", "Katze"]; //Gebt die richtigen Antworten ein. var ordre = 0; // 0 oder 1 - schreibt 1, wenn die Reihenfolge der Antworten wichtig ist. var espace = 0 ; //0 oder 1 - schreibt 1, wenn Leerzeichen am Anfang oder Ende wichtig sind. var casse = 0; // 0 oder 1 - schreibt 1, wenn Grossschreibung wichtig ist. var correct=0; // 0 oder 1 - schreibt 1, um richtige/falsche Antworten mit grün oder rot zu zeigen var tentative=0; // 0 oder 1 - schreibt 1 um Versuche anzuzeigen ( compteur muss auf der Seite sein!) var maxtentative=0; // 0 für unbegrenzte Versuche - schreibt die maximale Anzahl an Versuchen. ("tentative" muss auf 1 sein) var unefois=0; //0 oder 1 - schreibt 1 um ein Neustarten wahrend der Session zu vermeiden (Das Quiz wird blockiert) ("tentative" muss auf 1 sein)

//-----VARIABLES UTILISATEUR---- var solution = ["Hund","Katze"]; //enter the correct answers var ordre = 0; // 0 or 1 - type 1 if the order of the answers is important var espace = 0 ; //0 or 1 - type 0 if you want spaces at beginning or end to be irrelevant var casse = 0; // 0 or 1 - type 1 if case is relevant (upper/lower case) var correct = 0; // 0 or 1 - type 1 to view the errors (in red / green) var tentative=0; // 0 or 1 - type 1 to display the number of attempts (needs compteur on page!) var maxtentative=0; // 0 for unlimited - type in the maximum number of attempts allowed ("tentative" must be at 1) var unefois=0; //0 or 1 - type 1 to prevent restarting during a session (the quiz will be blocked) ("tentative" must be at 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Prüfen

compteur

Cuise Vorlage

Irgendwo auf der Seite platzieren

Auf der ersten Folie der Präsentation einfügen (verhindert dass die Antworten im Transcript gezeigt werden)

Zum Prüfen der Antworten anklicken. Diese Schaltfläche verbirgt den Code (siehe nächste Folie)

Gruppiert es mit einem Bild/Text, der erscheint, wenn die Antwort richtig (grün) oder falsch (rot) ist

Optional: Gruppiert es mit einem Bild/Text, der verschwindet, wenn die Antwort richtig ist.

Optional: Hier werden die unternommenen Versuche gezählt. Ändert Farbe und Größe von "compteur", um das Aussehen zu ändern.

Hier werden die Antworten eingetragen. Sie können kopiert werden, um weitere zu erstellen. Wenn ihr ein Textfeld neben dem Antwortfeld einfügt, stellt sicher, dass es sich in einer Ebene unterhalb des Antwortfeldes befindet, damit es dieses nicht verdeckt.

//-----VARIABLES UTILISATEUR---- var solution = ["Anwort1|Antwort 1", "answer 2"]; //Gebt die richtigen Antworten ein. var ordre = 0; // 0 oder 1 - schreibt 1, wenn die Reihenfolge der Antworten wichtig ist. var espace = 0 ; //0 oder 1 - schreibt 1, wenn Leerzeichen am Anfang oder Ende wichtig sind. var casse = 0; // 0 oder 1 - schreibt 1, wenn Grossschreibung wichtig ist. var correct=0; // 0 oder 1 - schreibt 1, um richtige/falsche Antworten mit grün oder rot zu zeigen var tentative=0; // 0 oder 1 - schreibt 1 um Versuche anzuzeigen ( compteur muss auf der Seite sein!) var maxtentative=0; // 0 für unbegrenzte Versuche - schreibt die maximale Anzahl an Versuchen. ("tentative" muss auf 1 sein) var unefois=0; //0 oder 1 - schreibt 1 um ein Neustarten wahrend der Session zu vermeiden (Das Quiz wird blockiert) ("tentative" muss auf 1 sein) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Diese Schaltfläche verbirgt den Code. Klickt auf das "Link"-Symbol, dann auf das "Code"-Symbol in dem sich Fenster. Gebt eure Antworten ein und ändert die Variablen nach den Anleitungen. Ändert nicht den Rest des Codes.

Variablen

Wie man die Antworten eingibt

var solution = ["antwort1|richtige Antwort 1", "Antwort 2", "Antwort 3"];

Jede Antwort braucht Anführungsstriche

Kommas zwischen Antworten

Gerade Linie zwischen alternativen Antworten

Hauteur

Largeur

Taille bordure

Couleur bordure

Couleur fond

Couleur police

Taille police

Style bordure

Nom police

AbeeZee

Abel

Abhaya Libre

AbeeZee

Aclonica

AbeeZee

Actor

Die Schriftart für die Liste muss auf der Frageseite vorhanden sein (z. B. im Text mit den Fragen oder dem Titel), damit sie funktioniert.

Kopiere den Text aus diesem Feld. Gehe dann zu der Folie mit den Fragen, gehe auf "Einfügen" , "</> Andere" und füge den Text ein. Wenn du auf "Einfügen" klickst, wird ein Textfeld mit deinem Design auf der Seite eingefügt.

Vorschau auf deine geänderte Box

Gehe in den Vorschaumodus, um die Einstellungen zu ändern - du kannst die Folie löschen, nachdem du das Textfeld eingefügt hast

Opacité fond

INPUT CREATOR

Generator für Antwortboxen

Höhe

Länge

Größe des Randes

Farbe des Randes

Hintergrundfarbe

Schriftfarbe

Schriftgröße

Randstil

Transparenz

Name der Schriftart