Want to make creations as awesome as this one?

Transcript

Instructions

Template

Tutorial

Examples

extension to make pairings by drawing lines

Reuse

Fil

Extension by Nicolas Forestier andHervé Thomas

1,05

1,5

1,52

1,502

1,55

2

1,59

1,599

Bravo

Relier les nombres dans l'ordre croissant

Valider

REtirerle dernier trait

Recommencer

erreur

//--- DISPARITION FENETRE ---- honteusement piqué sur S'Cape setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //declaration des variables nécessaires var leCompteur = document.getElementById("compteur"); var gagne = document.getElementById("gagne").parentNode.parentNode.parentNode.parentNode.parentNode; var erreur = document.getElementById("erreur").parentNode.parentNode.parentNode.parentNode.parentNode; var monCanevas = document.getElementById("leCanvas"); var ctx = monCanevas.getContext("2d"); //reinitialisatation des variables de départ sessionStorage.setItem("caller","nobody"); sessionStorage.setItem("reponse",""); //changement du contenu des boutons gauche par n'importe quoi sauf un "x" pour les reutiliser var pointU = document.querySelectorAll(".universalPoint"); for (var i=0;i

/* c'est dans la variable solution qu'il faut rentrer les consignes séparées par des virugles par exemple si le point 0 doit être connectée au point 2 on écrira "P0P2" , les guillemets sont indispensables, ensuite on sépare les réponses par des virgules */ var solution = ["P0P1","P1P2","P2P3","P3P4","P4P5","P5P6"]; // actions adéquate sur les boutons //comportement différent selon que les lignes excedentaires soient problématiques var gagne = document.getElementById("gagne").parentNode.parentNode.parentNode.parentNode.parentNode; var erreur = document.getElementById("erreur").parentNode.parentNode.parentNode.parentNode.parentNode; if (!empecherLesLignesEnTrop) { if (score==solution.length) { erreur.style.display="none"; gagne.style.display="block"; } else { erreur.style.display="block"; } } else //partie avec les lignes en trop considérées comme erreur { if (tableauReponse.length > solution.length) { let qte=tableauReponse.length-solution.length ; affichage.innerHTML = qte + textePourEnTrop; affichage.style.display = "block"; erreur.style.display="block"; } else if (score==solution.length) { erreur.style.display="none"; gagne.style.display="block"; } else { erreur.style.display="block"; } } }

//--- DISPARITION FENETRE ---- honteusement piqué sur S'Cape setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var monCanevas = document.getElementById("leCanvas"); var ctx = monCanevas.getContext("2d"); sessionStorage.setItem("caller","nobody"); var reponseLettree = sessionStorage.getItem("reponse"); if (reponseLettree!="") { var tableauReponse = reponseLettree.split("|"); ctx.clearRect(0,0, 1200,675); var derniereEntree=tableauReponse[tableauReponse.length-1].split("P"); var point1=document.getElementById("P"+derniereEntree[1]); point1.value--; var point2=document.getElementById("P"+derniereEntree[2]); point2.value--; var taille = point1.width; taille = taille/2; reponseLettree=""; tableauReponse = tableauReponse.slice(0,-1); if (tableauReponse.length>0) { for (var i=0;i

Zone to place in the background on the whole slide

Element P to copy and paste. Refresh page to refresh numbers

Element shoeing number of correct answers

Element "Well done" to group with a Genially object

Element error to group with a Genially object

Validation button with script to edit

Restart button

Picture of the dot to keep on the page

ssential function for DFil to work

Maximum number of lines per dot

Double-cliquez et modifiez

There are 3 sizes for the dots. Only choose one.

2

Bravo

Error

Check

Undo the last line

Restart

/* You have to enter the solution variable in the instructions separated by commas for example if point 0 must be connected to point 2 we write "P0P2". the quotation marks are essential, then we separate the answers by commas */ var solution = ["P0P1","P1P2","P2P0"]; // actions adéquate sur les boutons //comportement différent selon que les lignes excedentaires soient problématiques var gagne = document.getElementById("gagne").parentNode.parentNode.parentNode.parentNode.parentNode; var erreur = document.getElementById("erreur").parentNode.parentNode.parentNode.parentNode.parentNode; if (!empecherLesLignesEnTrop) { if (score==solution.length) { erreur.style.display="none"; gagne.style.display="block"; } else { gagne.style.display="none"; erreur.style.display="block"; } } else //partie avec les lignes en trop considérées comme erreur { if (tableauReponse.length > solution.length) { if (compteur) { let qte=tableauReponse.length-solution.length ; affichage.innerHTML = qte + textePourEnTrop; affichage.style.display = "block"; } erreur.style.display="block"; gagne.style.display="none"; } else if (score==solution.length) { erreur.style.display="none"; gagne.style.display="block"; } else { erreur.style.display="block"; gagne.style.display="none"; } } }

//--- DISPARITION FENETRE ---- honteusement piqué sur S'Cape setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //declaration des variables nécessaires var leCompteur = document.getElementById("compteur"); var gagne = document.getElementById("gagne").parentNode.parentNode.parentNode.parentNode.parentNode; var erreur = document.getElementById("erreur").parentNode.parentNode.parentNode.parentNode.parentNode; var monCanevas = document.getElementById("leCanvas"); var ctx = monCanevas.getContext("2d"); //reinitialisatation des variables de départ sessionStorage.setItem("caller","nobody"); sessionStorage.setItem("reponse",""); //changement du contenu des boutons gauche par n'importe quoi sauf un "x" pour les reutiliser var pointU = document.querySelectorAll(".universalPoint"); for (var i=0;i

//--- DISPARITION FENETRE ---- honteusement piqué sur S'Cape setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var monCanevas = document.getElementById("leCanvas"); var ctx = monCanevas.getContext("2d"); sessionStorage.setItem("caller","nobody"); var reponseLettree = sessionStorage.getItem("reponse"); if (reponseLettree!="") { var tableauReponse = reponseLettree.split("|"); ctx.clearRect(0,0, 1200,675); var derniereEntree=tableauReponse[tableauReponse.length-1].split("P"); var point1=document.getElementById("P"+derniereEntree[1]); point1.value--; var point2=document.getElementById("P"+derniereEntree[2]); point2.value--; var taille = point1.width; taille = taille/2; reponseLettree=""; tableauReponse = tableauReponse.slice(0,-1); if (tableauReponse.length>0) { for (var i=0;i

Elements to replace for dark backgrounds

REtirerle dernier trait

//--- DISPARITION FENETRE ---- honteusement piqué sur S'Cape setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var monCanevas = document.getElementById("leCanvas"); var ctx = monCanevas.getContext("2d"); sessionStorage.setItem("caller","nobody"); var reponseLettree = sessionStorage.getItem("reponse"); if (reponseLettree!="") { var tableauReponse = reponseLettree.split("|"); ctx.clearRect(0,0, 1200,675); var derniereEntree=tableauReponse[tableauReponse.length-1].split("P"); var point1=document.getElementById("P"+derniereEntree[1]); point1.value--; var point2=document.getElementById("P"+derniereEntree[2]); point2.value--; var taille = point1.width; taille = taille/2; reponseLettree=""; tableauReponse = tableauReponse.slice(0,-1); if (tableauReponse.length>0) { for (var i=0;i