On le sait, organiser un salon de l’emploi, ce n'est pas juste installer des tables et attendre que la magie opère. C’est un projet structuré qui demande méthode et rigueur. Mais pas de panique ! Que tu travailles pour France Travail, avec des partenaires locaux ou pour des publics très spécifiques, voici la trame simple et efficace pour réussir ton événement, étape par étape.

Accroche toi, car on va transformer cette organisation en jeu d'enfant… enfin, en projet de pro ! 😉

Choisir la Cible et l’Objectif

Imagine que tu lances une fléchette : il faut savoir où tu vises Clarifie tes objectifs!

Avant toute chose, décide précisément de ce que ton salon doit accomplir : cette étape fondatrice, parfois prise à la légère, détermine pourtant toute la suite de ton organisation. C’est le moment où tu choisis la direction du navire :
Veux-tu provoquer des recrutements concrets dès le jour J? Permettre à ton public de découvrir des métiers méconnus? Offrir un espace d'orientation pour clarifier des projets professionnels? Ou encore constituer un vivier solide pour répondre aux besoins futurs du territoire ? Ce choix stratégique, posé calmement en amont, influence absolument tout : les entreprises que tu inviteras, le type d’ateliers que tu proposeras, l’aménagement de l’espace, le ton de ta communication et même les indicateurs que tu suivras le jour J. Bref, c’est la boussole du salon : sans elle, tu risques de marcher au hasard ; avec elle, tu construis un événement cohérent, puissant et utile — pour toi comme pour ton public. Tu peux bien sûr faire un mix des quatre, mais plus c’est ciblé, plus c’est puissant.

Définis ton public (très) précisément

Qui cherches-tu à aider ? Est‑ce un public jeune en quête d’un premier job, des demandeurs d’emploi de longue durée qui ont besoin de reprendre confiance, des bénéficiaires du RSA pour lesquels il faut construire un accompagnement plus soutenu, des habitants des Quartiers Prioritaires de la Ville (QPV) qu’il convient d’aller chercher avec des actions très ciblées, ou encore des personnes en reconversion qui arrivent avec mille questions et parfois autant de doutes ? Définir précisément ton public, c’est comprendre ses besoins, ses freins, ses motivations, et adapter ton salon pour qu’il lui parle vraiment — un peu comme choisir la bonne playlist pour booster une séance : si tu te trompes de style, l’énergie ne sera pas là.

Pourquoi c'est important ? Le public que tu choisis conditionne directement le type d’entreprises que tu vas inviter et le contenu des animations proposées. Si tu cibles les publics RSA, tu ne vas pas inviter les mêmes entreprises que pour un forum dédié aux cadres de l'IT !

L’union fait la force (et allège la charge !)

Non, tu n'es pas seul à organiser ce mastodonte. La clé du succès, c'est d'associer très tôt les acteurs clés du territoire. Fais appel à France Travail, la Mission Locale des Jeunes (MLJ), le Département, l’Agglo/Commune, la CCI, la CMA, les réseaux d’entreprises, Cap emploi, et les structures d’insertion. Une fois l’équipe réunie, c'est l'heure de la répartition des rôles : qui gère les entreprises ? Qui s’occupe du public ? Qui est le maître de la logistique, du financement ou de la communication ? Quand tout est clair, on stresse moins !

Le Trio gagnant : Format, Date et Lieu 

Choisis ton format

Ton événement sera-t-il : un grand rendez-vous physique où ça discute, ça circule et ça se rencontre à la vitesse lumière, un salon en ligne où chacun participe depuis son canapé avec une tasse de café (ou de thé, on ne juge pas), ou un format hybride qui combine le meilleur des deux mondes ? Ce choix n’est pas anodin : il impacte la logistique, les outils dont tu auras besoin, la capacité d’accueil, l’accessibilité pour ton public et même l’implication des entreprises. En bref, c’est comme choisir la bonne monture avant de partir à l’aventure : si tu prends la mauvaise, la route risque d’être longue, mais avec la bonne, tout roule !

Le choix dépend de tes moyens techniques et des spécificités de ton territoire.

Trouve le bon spot

Réserve un lieu modulable et accessible (transports, parking). Et vérifie qu’il y a du Wi-Fi ! (On est en 2025, un salon sans Wi-Fi, c’est comme un CV sans numéro de téléphone 😅).

Pense aussi à prévoir des espaces distincts pour les stands, ateliers et conférences : c’est un détail qui a l’air anodin, mais qui change totalement l’expérience des participants. En séparant clairement les zones, tu évites les files d’attente interminables devant les stands, les ateliers perturbés par le bruit ambiant, ou les conférences où personne ne s’entend. Bref : tu crées un parcours fluide où chacun sait où aller, où il se sent à l’aise, et où l’on peut vraiment échanger sans crier plus fort que le voisin — un vrai gain de confort pour les candidats comme pour les recruteurs.

Sélectionner les entreprises (celles qui RECRUTENT VRAIMENT)

Notre mission est d’aider à l’emploi, pas de distribuer des stylos. Il faut donc inviter des entreprises ayant de vrais besoins de recrutement, celles qui arrivent avec des offres concrètes, des postes ouverts et une vraie envie de rencontrer des candidats — pas juste d’occuper une table parce que « ça fait bien ». En ciblant des employeurs réellement en recherche, tu changes totalement l’impact du salon : les candidats se déplacent pour de vraies opportunités, les recruteurs repartent avec des profils pertinents, et toi tu deviens l’organisateur qui ne fait pas perdre de temps à son public. Bref, on veut du solide, du vrai, du terrain : des entreprises qui jouent le jeu à fond et qui transforment la journée en tremplin vers l’emploi.

Pense aux secteurs porteurs : BTP, aide à la personne, logistique, industrie, hôtellerie- restauration.

Le Cahier des Charges

Pour cadrer leur participation, transmets aux entreprises un cahier des charges clair : un document simple mais ultraprécis qui leur évite d’arriver les mains dans les poches et toi d’improviser au dernier moment. C’est un peu la feuille de route qui leur explique ce que tu attends d’elles, ce qu’elles doivent préparer, et comment elles peuvent contribuer à la réussite du salon. Plus ce cahier est détaillé — postes ouverts, profils visés, matériel à apporter, fonctionnement logistique, règles du jour J — plus les entreprises arrivent prêtes, professionnelles et impliquées. Et crois moi : quand les exposants savent exactement comment jouer la partie, ton événement gagne en fluidité, en crédibilité et en efficacité.

Élément du cahier des charges	Description détaillée
Nombre de postes à pourvoir	L’entreprise doit indiquer clairement combien de postes sont ouverts, afin de dimensionner le flux de candidats et adapter la communication.
Profils recherchés	Détail des compétences, expériences et qualités attendues pour éviter les "mauvais matchs" le jour J.
Types de contrats	CDI, CDD, intérim, alternance, saisonnier : cette info influence totalement le public ciblé.
Supports à apporter	Kakémonos, fiches de poste, plaquettes, QR codes, tablette, bornes de candidature : tout ce qui facilite la rencontre.
Respect de la charte de l’événement	Règles de comportement, respect du parcours candidat, ponctualité, accessibilité… bref, jouer collectif.
RSE obligatoire !	Engagements environnementaux et sociaux : tri des déchets, inclusion, égalité pro, accessibilité, démarche éthique.

Le parcours candidat : de l’accueil à l’embauche

Pour éviter que les candidats ne tournent en rond, construis un parcours clair :

Étape du parcours candidat	Description détaillée
Accueil	Premier contact : orientation, informations clés, distribution du programme, vérification des inscriptions si nécessaire. Objectif : que chaque candidat se sente attendu et guidé dès la porte d’entrée.
Espace préparation (CV, pitch, orientation)	Zone dédiée pour se préparer avant d’aller voir les entreprises : ajuster son CV, répéter son pitch, bénéficier d’un mini coaching express ou d’un conseil d’orientation ciblé.
Stands entreprises	Cœur du salon : échanges directs, présentation des postes, dépôt de CV, discussions sur les opportunités. C’est ici que tout peut basculer !
Zone entretiens / Job Dating	Espace au calme permettant d’organiser des entretiens courts mais efficaces. Un lieu pensé pour favoriser la prise de décision rapide des recruteurs.
Conférences / Ateliers	Sessions d’information, témoignages, mini formations pratiques sur l’emploi, les secteurs qui recrutent, les dispositifs ou les compétences clés.

Les Ateliers "Boost"

Atelier "Boost"	Objectif et valeur ajoutée
Coaching CV	Accompagnement express pour améliorer la lisibilité, la structure et l’impact d’un CV juste avant la rencontre avec les recruteurs.
Préparation à l’entretien	Conseils ciblés pour répondre efficacement aux questions, gérer le stress et adopter une posture pro.
Simulation de pitch	Entraînement rapide pour formuler une présentation claire, courte et percutante devant les employeurs.
Infos sur les contrats et dispositifs (RSA, alternance, AFPR/POEI…)	Décodage des aides, contrats et dispositifs afin d’aider les candidats à comprendre leurs options et rassurer les entreprises.

Communication : Faisons du bruit !

Ton salon est génial… mais il faut qu’on le sache !

Une identité qui claque

Crée un nom, un visuel et un slogan qui envoient du lourd, puis décline-les partout où ton public mettra les yeux : affiches qui attirent l’attention dès la sortie du bus, flyers qui donnent envie de s’inscrire, post réseaux sociaux calibrés pour capter même les scrolls les plus rapides, et une page d’inscription claire et engageante. L’objectif ? Offrir une identité forte et cohérente, reconnaissable en un clin d’œil, qui donne l’impression que ton salon est l’événement à ne pas rater — même pour ceux qui ne cherchaient pas forcément un job cinq minutes avant.

Le Multicanal

Canal de communication	Description
Outils France Travail (Mes événements emploi)	Plateforme officielle permettant de toucher les demandeurs d’emploi déjà actifs dans une démarche de recherche.
Réseaux sociaux	Idéal pour booster la visibilité rapidement : Facebook pour les familles, Instagram pour les jeunes, LinkedIn pour les pros.
Radio locale	Parfait pour toucher un public large et local, notamment ceux qui ne sont pas ou peu présents en ligne.
Relais de proximité (mairies, centres sociaux…)	Diffusion physique auprès des habitants, utile pour atteindre les publics éloignés du numérique.

Pense à adapter la communication selon les cibles : Instagram pour les jeunes, emailing pour les entreprises.

Logistique : Le diable est dans les détails

Planifie :

Élément logistique	Rôle et description
Plans de salle	Organisation visuelle de l’espace pour fluidifier les déplacements, répartir les stands, limiter les bouchons et créer un parcours intuitif.
Signalétique	Panneaux, fléchages, affiches : tout ce qui permet aux candidats et recruteurs de s’orienter sans demander 12 fois où sont les toilettes ou les ateliers.
Accueil (table, badges, orientation)	Point central pour informer, distribuer les badges, accueillir entreprises et candidats, donner le programme et rassurer dès l’entrée.
Pauses et restauration	Espaces prévus pour souffler, boire un café, permettre aux entreprises comme au public de recharger les batteries en cours de journée.

Le Kit de Survie du Jour J

Matériel indispensable	Utilité sur le salon
Tables, chaises	Pour installer les stands entreprise et créer des zones d’échanges confortables.
Kakémonos	Pour identifier facilement les structures présentes et donner une touche pro aux stands.
Micros, vidéoprojecteur	Indispensables pour les conférences, animations, annonces micro et ateliers collectifs.
Wi-Fi	Absolument vital pour les candidatures en ligne, les démonstrations et l’organisation générale.
Photocopieuse/imprimante	Pour les CV oubliés, les supports manquants ou les documents de dernière minute.
Gilets/badges pour l’équipe	Pour que l’organisation soit visible, repérable et rassurante pour tous.

Jour J :Sois le chef d’orchestre

Une équipe visible et organisée

Accueil public, accueil exposants, technique, orientation, gestion des imprévus : chaque pôle doit être composé de personnes identifiées, réactives et parfaitement briefées pour que tout roule sans accroc. C’est un peu ton équipe d’élite du jour J : celle qui accueille avec le sourire, celle qui rassure les entreprises, celle qui vole au secours d’un micro capricieux, celle qui guide les candidats perdus dans la jungle des stands, et celle – indispensable – qui gère les pépins imprévus avec sang‑froid. Quand chacun sait exactement quoi faire et où se placer, ton salon tourne comme une scène de concert bien huilée : fluide, pro, et agréable pour tout le monde.

Maintiens l’animation

Action d’animation	Rôle pendant le salon
Annonces micro	Dynamiser le salon, informer des actions en cours, rappeler les ateliers et capter l’attention du public.
Présentation des ateliers	Donner envie de participer, expliquer le contenu, les horaires et diriger le flux vers les bonnes zones.
Accompagnement renforcé	Soutenir les publics les plus éloignés, guider les personnes perdues, faciliter l’accès aux stands et ateliers.
Relevé des données (entrées, ateliers…)	Suivre en temps réel la fréquentation, les inscriptions, l’intérêt des candidats : des infos précieuses pour le bilan final.

Bilan et suivi : Ne laisse pas retomber le soufflé !

Mesure la satisfaction

Distribue un questionnaire (papier ou QR code) en veillant à ce qu’il soit court, clair et facile à remplir : quelques questions bien pensées suffisent pour recueillir un retour honnête et utile sur l’organisation, la qualité des échanges et la pertinence des stands. Place des QR codes à des points stratégiques, glisse quelques versions papier pour les publics moins à l’aise avec le numérique et encourage les participants à répondre avant de partir. Plus tu facilites la démarche, plus tu obtiens des retours riches — et ce sont ces pépites qui te permettront d’améliorer le prochain salon sans repartir de zéro.

Analyse les résultats

Débriefing avec partenaires : un moment stratégique où l’on décortique ensemble les chiffres clés — nombre d’entreprises présentes, flux de candidats, volume d’entretiens réalisés, pistes concrètes d’embauche — mais aussi les ressentis terrain, les points forts, les couacs, les « à améliorer » et les bonnes idées pour la prochaine édition. C’est un peu la séance de replay qui permet de comprendre ce qui a cartonné, ce qui a coincé et comment ajuster le tir pour faire du prochain salon un événement encore plus fluide, plus impactant et encore plus utile pour le public comme pour les recruteurs.

Le suivi, c’est l’or !

Ateliers post-salon, relances ciblées, accompagnement renforcé : c’est le trio gagnant pour transformer un simple événement en véritable tremplin vers l’emploi. Après le salon, il s’agit de garder le lien avec les candidats, de les aider à concrétiser les pistes repérées, de lever les derniers freins et d’accompagner chaque avancée — même petite — jusqu’à la signature. C’est aussi le moment d’appeler les entreprises pour suivre les suites données, valider les entretiens complémentaires, et identifier les opportunités encore ouvertes. Bref, le suivi, c’est la phase où l’on transforme l’énergie du jour J en résultats concrets, durables et mesurables.

Un événement réussi, c'est comme une graine : sans suivi, pas de fruits !

Prêt à organiser le meilleur salon de l'emploi de la région ? 🚀

:root{ --labo-green:#39ff14; --ink:#0f172a; --muted:#64748b; --bg:#ffffff; --card:#f8fafc; } *{box-sizing:border-box} html,body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:var(--ink)} .wrap{max-width:980px;margin:0 auto;padding:24px} header{display:flex;align-items:center;gap:16px;justify-content:space-between} header .brand{display:flex;align-items:center;gap:12px} img.logo{height:56px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))} h1{font-size:clamp(1.3rem,2.4vw,2rem);margin:0;font-weight:800;letter-spacing:-.02em} .tag{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid #e2e8f0;padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted)} .start-card{margin:28px 0;padding:24px;border-radius:20px;background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid #eef2f7;box-shadow:0 10px 30px rgba(0,0,0,.05)} .start-card h2{margin:0 0 10px 0;font-size:1.4rem} .start-card ul{margin:8px 0 0 0;padding-left:18px;color:#334155} .btn{appearance:none;border:0;border-radius:14px;padding:14px 18px;font-weight:700;cursor:pointer} .btn-primary{background:var(--ink);color:#fff;box-shadow:0 10px 20px rgba(15,23,42,.16);position:relative;transition:transform .08s ease, box-shadow .2s ease} .btn-primary::after{content:"";position:absolute;inset:-2px;border-radius:16px;padding:2px;background:linear-gradient(45deg,var(--labo-green),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude} .btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(15,23,42,.22)} .btn-secondary{background:#f1f5f9;color:#0f172a} .footer-note{font-size:12px;color:var(--muted);margin-top:12px} .quiz{display:none;margin-top:20px} .progress{position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;padding:10px 0;z-index:5} .bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden} .bar>span{display:block;height:100%;width:0;background:var(--labo-green)} .hud{display:flex;align-items:center;justify-content:space-between;margin:10px 0;color:#334155} .card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:22px;box-shadow:0 8px 18px rgba(0,0,0,.04)} .q{font-size:1.05rem;font-weight:700;margin:0 0 14px 0} .options{display:grid;gap:10px} .option{border:1px solid #e2e8f0;border-radius:14px;padding:14px;cursor:pointer;transition:transform .06s ease,background .15s ease,border-color .15s ease} .option:hover{transform:translateY(-1px);background:#f8fafc} .option input{display:none} .option.correct{border-color:#16a34a;background:#ecfdf5} .option.wrong{border-color:#ef4444;background:#fef2f2} .actions{display:flex;gap:10px;margin-top:16px} .pop{animation:pop .18s ease} @keyframes pop{from{transform:scale(.98)}to{transform:scale(1)}} .shake{animation:shake .25s linear} @keyframes shake{25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-2px)}100%{transform:translateX(0)}} .result{display:none} .score-badge{display:inline-block;background:var(--ink);color:#fff;padding:10px 14px;border-radius:12px;font-weight:800} .best{font-size:12px;color:var(--muted)} .confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden} .confetti i{position:absolute;top:-10px;width:8px;height:14px;background:var(--labo-green);opacity:.9;transform:rotate(15deg);animation:fall 1.4s linear forwards} @keyframes fall{to{transform:translateY(110vh) rotate(360deg);opacity:0}} .microcopy{font-size:13px;color:#475569} document.addEventListener('DOMContentLoaded', function(){ const DATA_SALON = [ { q: "Quel est l’objectif principal de la première étape d’un salon de l’emploi ?", opts: [ "Définir la cible et les objectifs", "Réserver un lieu", "Contacter la presse", "Commander les kakémonos" ], a: 0 }, { q: "Quel public nécessite généralement un accompagnement renforcé avant la rencontre avec les entreprises ?", opts: [ "Les cadres supérieurs", "Les étudiants en école d'ingénieur", "Les bénéficiaires du RSA", "Les chefs d’entreprise" ], a: 2 }, { q: "Quel élément est indispensable dans le cahier des charges des exposants ?", opts: [ "Le dress code du salon", "Le nom des mascottes", "Le prix du café", "Le nombre de postes à pourvoir" ], a: 3 }, { q: "Quel espace fait partie du parcours candidat idéal ?", opts: [ "Espace préparation (CV, pitch, orientation)", "Salle de sieste", "Vestiaire VIP", "Zone photocall" ], a: 0 }, { q: "Quel canal est pertinent pour toucher les jeunes (18-25 ans) ?", opts: [ "LinkedIn", "Instagram", "Le journal municipal", "La radio locale" ], a: 1 }, { q: "Quel matériel est considéré comme vital le jour J ?", opts: [ "Une fontaine à chocolat", "Du Wi-Fi fiable", "Des plantes vertes", "Un photocall" ], a: 1 }, { q: "Quel rôle doit être présent dans l’équipe du jour J ?", opts: [ "Gestionnaire d’imprévus", "Coach sportif", "Responsable soirée dansante", "Animateur karaoké" ], a: 0 }, { q: "Quel est le but des annonces micro pendant l’événement ?", opts: [ "Gagner du temps", "Dynamiser et informer le public", "Tester le matériel sonore", "Faire des blagues" ], a: 1 }, { q: "Que doit comporter la phase de bilan ?", opts: [ "Un goûter collectif", "L'analyse des chiffres et le retour des partenaires", "Une remise de trophées", "Un blind test" ], a: 1 }, { q: "Pourquoi le suivi post-salon est-il essentiel ?", opts: [ "Pour relancer les entreprises sur le paiement du stand", "Pour transformer les rencontres en opportunités concrètes d’emploi", "Pour préparer le buffet de l’édition suivante", "Pour ranger les kakémonos" ], a: 1 } ]; initLaboQuiz('laboQuiz-salonEmploi', DATA_SALON); }); // --- Moteur multi-instance LaboQuiz --- function initLaboQuiz(rootId, DATA){ const root = document.getElementById(rootId); if(!root) return; const start = root.querySelector('[data-start]'); const quiz = root.querySelector('[data-quiz]'); const result = root.querySelector('[data-result]'); const qEl = root.querySelector('[data-question]'); const optsEl = root.querySelector('[data-options]'); const btnStart = root.querySelector('[data-btn-start]'); const btnVoir = root.querySelector('[data-btn-see]'); const btnNext = root.querySelector('[data-btn-next]'); const btnSkip = root.querySelector('[data-btn-skip]'); const idxEl = root.querySelector('[data-idx]'); const totEl = root.querySelector('[data-tot]'); const scoreEl = root.querySelector('[data-score]'); const barFill = root.querySelector('[data-bar]'); const finalScoreEl= root.querySelector('[data-final-score]'); const finalTotalEl= root.querySelector('[data-final-total]'); const bestScoreEl = root.querySelector('[data-best]'); const commentEl = root.querySelector('[data-comment]'); const sheetEl = root.querySelector('[data-sheet]'); const cardEl = root.querySelector('[data-card]'); const cf = root.querySelector('[data-confetti]'); totEl.textContent = DATA.length; finalTotalEl.textContent= DATA.length; let i = 0, score = 0, selected = null, answered = false; function mountQuestion(){ const item = DATA[i]; idxEl.textContent = i+1; qEl.textContent = item.q; optsEl.innerHTML = ''; btnNext.disabled = true; answered = false; selected = null; item.opts.forEach((t,ix)=>{ const div = document.createElement('label'); div.className = 'option'; div.innerHTML = ` ${t}`; div.addEventListener('click', ()=>onSelect(ix,div)); optsEl.appendChild(div); }); barFill.style.width = `${(i/DATA.length)*100}%`; cardEl.classList.add('pop'); setTimeout(()=>cardEl.classList.remove('pop'),200); } function onSelect(ix,el){ if(answered) return; selected = ix; answered = true; btnNext.disabled = false; const correct = DATA[i].a === ix; el.classList.add(correct ? 'correct' : 'wrong'); if(!correct) el.classList.add('shake'); if(correct){ score++; scoreEl.textContent = score; confettiBurst(); } [...optsEl.children].forEach(c=>{ c.style.opacity = (c === el) ? '1' : '.65'; }); } function next(){ if(i < DATA.length-1){ i++; mountQuestion(); } else { finish(); } } function skip(){ if(i = 0.8){ txt = "Solide ! Encore deux-trois ajustements et ton salon devient une machine à embaucher."; } else if(ratio >= 0.6){ txt = "Pas mal ! Avec un peu plus de préparation, ton prochain salon sera mémorable."; } else { txt = "On reprend le parcours pas à pas ? Promis, on laisse les kakémonos tranquilles. 😉"; } commentEl.textContent = txt; } function showAnswers(){ sheetEl.style.display = 'block'; sheetEl.innerHTML = `

Corrigé détaillé

` + DATA.map((it,idx)=>{ return `

${idx+1}. ${it.q}

${it.opts.map((o,ix)=>`
1. ${o}
`).join('')}

`; }).join(''); sheetEl.scrollIntoView({behavior:'smooth'}); } function confettiBurst(){ for(let k=0;k.2 ? 'var(--labo-green)' : '#a7f3d0'; iEl.style.transform = `rotate(${Math.random()*360}deg)`; iEl.style.animationDuration = (0.9+Math.random()*0.8)+'s'; cf.appendChild(iEl); setTimeout(()=>iEl.remove(),1600); } } function confettiStorm(){ for(let p=0;p{ start.style.display = 'none'; quiz.style.display = 'block'; i = 0; score = 0; scoreEl.textContent = score; mountQuestion(); }); btnVoir.addEventListener('click', ()=>{ start.style.display = 'none'; result.style.display = 'block'; showAnswers(); }); btnNext.addEventListener('click', next); btnSkip.addEventListener('click', skip); root.querySelector('[data-btn-retry]').addEventListener('click', ()=>{ sheetEl.style.display = 'none'; result.style.display = 'none'; quiz.style.display = 'block'; i = 0; score = 0; scoreEl.textContent = score; mountQuestion(); }); root.querySelector('[data-btn-answers]').addEventListener('click', showAnswers); }