Want to make creations as awesome as this one?

Transcript

to pick an element at random(for example a card in a pack of cards or dice)

Dobble

By Marie Allirot (original idea by Laura Mari Navarro)

Where is Brian?

By Nathalie Pledran

Petit bac

By Char Lie

What time is it?

By Nathalie Pledran

Instructions

Template

Tutorial

Examples

Pronunciation

Be Nathalie Pledran

Reuse

draw

SUSPENSe

RND

from

Try it

356x11

9x56

33+77

38+7

18-9

3+7

1/3+1/7

3:7

132+56

336-87

7-3

35+79

178415+1

3

7

version 1.2

20/07/2020

NEW VERSION with automatic start !

Press this button if you want all the options to flash up before stopping on one.

Press this button if you want one option to pop up without flashing the others. Tirage is "draw"

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

draw

SUSPENSe

optional option hiding the objects when you open the page

Duplicate. You can have as many as you want.

Group "hasard" with your object (Picture / words, etc...)

choose button

tutorial

launch

without launching

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard"); for (var i = 0; i

draw

SUSPENSe

Page for your creation

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

draw1

draw2

draw9

draw5

draw8

draw3

draw

draw7

draw4

draw6

SUSPENS2

SUSPENS7

SUSPENS8

SUSPENS

SUSPENS4

SUSPENS6

SUSPENS3

SUSPENS9

SUSPENS5

SUSPENS1

Version with 10 different RND on the same page

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard1"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard1"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard2"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard2"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard3"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard3"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard4"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard4"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard5"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard5"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard6"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard6"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard7"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard7"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard8"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard8"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var hsrd = document.querySelectorAll(".hasard9"); for (var i = 0; i

//CACHE FENETRE AU CLIC setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //DEFINIT VARIABLES var hsrd = document.querySelectorAll(".hasard9"); var idInterval var fois = 1; var lance = 0; var valeur; var avoir; var acacher; //FONCTION LANCE AUTRE FONCTION TOUTES LES 150 ms function lancer() { if (lance == 0) { lance = 1 idInterval = setInterval(tourne, 150); } else { return false; } } //FONCTION QUI AFFICHE TEMPORAIREMENT ET ALEATOIREMENT function tourne() { // CACHE TOUT for (var i = 0; i