Want to make creations as awesome as this one?

Transcript

How to create a password check using S'cape tools

OK

SCAPE6GTpala

Example

UsernamePassword

Wrong username or password

Next task

Try entering the correct password.Then try what happens if you get it wrong.

//-----VARIABLES UTILISATEUR----- var solution = ['SCAPE', '6GTpala']; //enter your answers between the quotation marks, delete or add extra ones var ordre = 1; // change to 1 if order of answers is important (otherwise 0) var casse = 0; // change to 1 if capital letters are important (otherwise 0) var correct=0; // change to 1 to change box colour red/green for correct/incorrect answer (otherwise 0) //------VARIABLES A NE PAS MODIFIER--- var question; var reponse = []; var faux = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } //--- 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

Check

Example 2

What is the capital of the UK?4+5=What colour are lemons?

Not all correct. Check capital letters

Correct!The passcode is12874

Code looks like this:

<script> //-----VARIABLES UTILISATEUR-----var solution = ["London", "9", "yellow"]; //enter your answers between the quotation marks, delete or add extra onesvar ordre = 1; // change to 1 if order of answers is important (otherwise 0)var casse = 1; // change to 1 if capital letters are important (otherwise 0) var correct=1; // change to 1 to change box colour red/green for correct/incorrect answer (otherwise 0)

//-----VARIABLES UTILISATEUR----- var solution = ["London", "9", "yellow"]; //enter your answers between the quotation marks, delete or add extra ones var ordre = 1; // change to 1 if order of answers is important (otherwise 0) var casse = 1; // change to 1 if capital letters are important (otherwise 0) var correct=1; // change to 1 to change box colour red/green for correct/incorrect answer (otherwise 0) //------VARIABLES A NE PAS MODIFIER--- var question; var reponse = []; var faux = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } //--- 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

On the picture are aand a

Check

Example 2

<script> //-----VARIABLES UTILISATEUR-----var solution = ["cat", "dog"]; //enter your answers between the quotation marks, delete or add extra onesvar ordre = 0; // change to 1 if order of answers is important (otherwise 0)var casse = 0; // change to 1 if capital letters are important (otherwise 0)var correct=0; // change to 1 to change box colour red/green for correct/incorrect answer (otherwise 0)

Code looks like this:

//-----VARIABLES UTILISATEUR----- var solution = ["cat", "dog"]; //enter your answers between the quotation marks, delete or add extra ones var ordre = 0; // change to 1 if order of answers is important (otherwise 0) var casse = 0; // change to 1 if capital letters are important (otherwise 0) var correct=0; // change to 1 to change box colour red/green for correct/incorrect answer (otherwise 0) //------VARIABLES A NE PAS MODIFIER--- var question; var reponse = []; var faux = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } //--- 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

Check

How to use the template

Don't delete these and leave them outside the slide.

Group this with text/picture you want to appear if any of the answers are incorrect

Group this with text/picture you want to appear if all answers are correct.

Move as many question boxes as you need onto your slide (use in right order)

Don't ungroup the check button! You can still change the text and colour.

You need to change the code:1. Select the "check" button.2. Select link icon3. Select code icon4. In the code box, follow the instructions to change the variables.. <script> //-----VARIABLES UTILISATEUR----- var solution = ["answer1", "answer2", "answer3"]; //enter your answers between the quotation marks, delete or add extra ones var ordre = 1; // change to 1 if order of answers is important (otherwise 0) var casse = 0; // change to 1 if capital letters are important (otherwise 0) var correct=0; // change to 1 to change box colour red/green for correct/incorrect answer (otherwise 0)Make sure there are the same number of answers between the [ ] as there are answer boxes on your slide.If you put a text box next to the answer box, make sure it is in a layer underneath the answer box so it doesn't cover it up.

//-----VARIABLES UTILISATEUR----- var solution = ["answer1", "answer2", "answer3"]; //enter your answers between the quotation marks, delete or add extra ones var ordre = 1; // change to 1 if order of answers is important (otherwise 0) var casse = 0; // change to 1 if capital letters are important (otherwise 0) var correct=0; // change to 1 to change box colour red/green for correct/incorrect answer (otherwise 0) //------VARIABLES A NE PAS MODIFIER--- var question; var reponse = []; var faux = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } //--- 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

<script> //-----VARIABLES UTILISATEUR-----var solution = ['SCAPE', '6GTpala']; //enter your answers between the quotation marks, delete or add extra ones var ordre = 1; // change to 1 if order of answers is important (otherwise 0) var casse = 0; // change to 1 if capital letters are important (otherwise 0) var correct=0; // change to 1 to change box colour red/green for

The code in the example looks like this: