Afficher la table des matières Masquer la table des matières
- Tenue Halloween canon avec ce que vous avez déjà : commencer par l’inventaire
- Inventorier et recycler ses vêtements pour un déguisement express
- DIY costume Halloween : transformer accessoires et maquillage
- Techniques rapides : customiser bijoux, ceintures et chaussures
- Quizz : Composer une tenue Halloween canon avec ce que vous avez déjà
- Votre résultat
- ${sanitize(qObj.q)} ${sanitize(qObj.tip)} ${qObj.options.map((opt, i) => ` ${sanitize(opt.text)} `).join('')} `; // Bind event listeners pour les options (clic + clavier) const optionButtons = questionCard.querySelectorAll('.option-btn'); optionButtons.forEach(btn => { btn.addEventListener('click', onOptionSelect); btn.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); btn.click(); } else if (e.key === 'ArrowDown' || e.key === 'ArrowRight') { e.preventDefault(); focusNextOption(btn); } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') { e.preventDefault(); focusPrevOption(btn); } }); }); // Nettoie états nextBtn.disabled = true; hint.textContent = ''; updateProgress(); liveRegion.textContent = `Question ${state.index + 1} sur ${QUESTIONS.length}: ${qObj.q}`; } /* Sélection d'une option */ function onOptionSelect(e) { const btn = e.currentTarget; const idx = Number(btn.dataset.index); const qObj = QUESTIONS[state.index]; // Marquer visuellement la sélection et désélectionner les autres const options = questionCard.querySelectorAll('.option-btn'); options.forEach((b, i) => { const isSel = i === idx; b.classList.toggle('bg-emerald-900', isSel && qObj.options[i].correct); b.classList.toggle('bg-rose-800', isSel && !qObj.options[i].correct); b.setAttribute('aria-checked', isSel ? 'true' : 'false'); }); // Afficher explication const explanation = questionCard.querySelector('#explanation'); explanation.classList.remove('hidden'); explanation.textContent = qObj.options[idx].explanation || ''; // Enregistrer réponse state.answers[state.index] = idx; nextBtn.disabled = false; // Si c'est la bonne réponse, incrémenter le score si pas déjà compté if (qObj.options[idx].correct) { // Pour éviter double comptage si utilisateur clique plusieurs fois if (!state._counted || state._counted[state.index] !== true) { state.score = computeScore(); // recalcul propre } } else { state.score = computeScore(); } // Donner un petit hint pratique hint.textContent = qObj.tip || ''; liveRegion.textContent = `Réponse enregistrée : ${qObj.options[idx].text}`; } /* Calculer score proprement depuis state.answers */ function computeScore() { let s = 0; state.answers.forEach((ans, qi) => { if (typeof ans === 'number' && QUESTIONS[qi].options[ans]?.correct) s++; }); return s; } /* Navigation aux boutons suivant/passer/réinitialiser */ nextBtn.addEventListener('click', () => { if (state.index < QUESTIONS.length - 1) { state.index++; renderQuestion(); } else { showResult(); } }); skipBtn.addEventListener('click', () => { // marquer comme non répondu et avancer state.answers[state.index] = null; if (state.index < QUESTIONS.length - 1) { state.index++; renderQuestion(); } else { showResult(); } }); resetBtn.addEventListener('click', () => { if (confirm("Réinitialiser le quiz et vos réponses ?")) { resetQuiz(); } }); retakeBtn.addEventListener('click', () => { resetQuiz(); }); /* Partage et copie */ shareBtn.addEventListener('click', async () => { const text = TEXTES.partageTexte(state.score, QUESTIONS.length); if (navigator.share) { try { await navigator.share({ title: 'Mon score Halloween', text }); } catch (err) { alert('Partage annulé'); } } else { // fallback : copier await copyToClipboard(text); alert('Texte copié dans le presse-papier.'); } }); copyBtn.addEventListener('click', async () => { const summary = buildResultText(); await copyToClipboard(summary); alert('Résumé du quiz copié.'); }); /* Copier dans le presse-papier (promesse) */ async function copyToClipboard(text) { try { await navigator.clipboard.writeText(text); } catch (err) { // Fallback older browsers const ta = document.createElement('textarea'); ta.value = text; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); ta.remove(); } } /* Affiche le résultat final */ function showResult() { state.score = computeScore(); // Calculer pourcentage const total = QUESTIONS.length; const pct = Math.round((state.score / total) * 100); resultTitle.textContent = TEXTES.titreResultat; resultSummary.innerHTML = ` ${state.score}/${total} Score : ${pct}% ${selectAdvice(state.score, total)} `; resultBox.classList.remove('hidden'); // Scroller doucement pour visibilité si nécessaire resultBox.scrollIntoView({ behavior: 'smooth' }); liveRegion.textContent = `Quiz terminé. Vous avez obtenu ${state.score} sur ${total}.`; } /* Construire texte du résultat pour partager/copier */ function buildResultText() { const total = QUESTIONS.length; const res = [`Score : ${state.score}/${total}`, 'Réponses :']; QUESTIONS.forEach((q, i) => { const sel = state.answers[i]; const textSel = (typeof sel === 'number') ? q.options[sel].text : 'Non répondu'; res.push(`${i + 1}. ${q.q} → ${textSel}`); }); res.push('', TEXTES.partageTexte(state.score, total)); return res.join('n'); } /* Sélection d'un conseil basé sur score */ function selectAdvice(score, total) { const ratio = score / total; if (ratio >= 0.75) return TEXTES.conseils.top; if (ratio >= 0.4) return TEXTES.conseils.moyen; return TEXTES.conseils.low; } /* Focus navigation helper */ function focusNextOption(currentBtn) { const btns = Array.from(questionCard.querySelectorAll('.option-btn')); const idx = btns.indexOf(currentBtn); if (idx >= 0 && idx < btns.length - 1) btns[idx + 1].focus(); } function focusPrevOption(currentBtn) { const btns = Array.from(questionCard.querySelectorAll('.option-btn')); const idx = btns.indexOf(currentBtn); if (idx > 0) btns[idx - 1].focus(); } /* Réinitialise le quiz */ function resetQuiz() { state.index = 0; state.answers = []; state.score = 0; state.started = false; state._counted = {}; resultBox.classList.add('hidden'); renderQuestion(); progressBar.style.width = '0%'; liveRegion.textContent = 'Quiz réinitialisé.'; } /* Sécurité : nettoie texte pour insertion HTML (petit sanitize) */ function sanitize(str) { if (!str) return ''; return String(str).replace(/[&"'`=/]/g, function (s) { return ({ '&': '&', '': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' })[s]; }); } /* ========================= Initialisation ========================= */ (function init() { // Shuffle questions to varier l'expérience (léger) shuffleArray(QUESTIONS); renderQuestion(); })(); /* ========================= Helpers divers ========================= */ function shuffleArray(arr) { for (let i = arr.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [arr[i], arr[j]] = [arr[j], arr[i]]; } return arr; } /* ========================= END OF SCRIPT ========================= */ /* NOTE : aucune API externe n'est utilisée. Si vous souhaitez enrichir avec une API gratuite (exemple optionnel), voici un exemple d'API publique gratuite pour des palettes de couleurs : - URL : https://www.colr.org/json/colors/random/7 - Exemple de réponse JSON : { "colors": [ {"id": 936, "hex": "ff0000", "tags": []}, {"id": 401, "hex": "000000", "tags": []}, ... ], "schemes": [], "new": [] } (Ce commentaire montre comment intégrer une API gratuite sans clé.) */ Une Idee Deguisement Halloween Femme Ultra Simple Qui Bat Toutes Les Tenues Chères Déguisement Halloween femme ultra simple: une idée qui bat toutes les tenues chères en moins de 20 minutes, sans couture et avec des éléments déjà chez soi 🎃. Ce guide donne des actions précises, un fil conducteur incarné par Léa… Pourquoi Cet Ongle Octobre Rose Engagé Fait Parler Bien Au-Delà De La Manucure Un ongle Octobre Rose engagé transforme une simple manucure en un acte de sensibilisation et de solidarité grâce à un design stratégique, un récit partagé et un mécanisme de don clair. 🎗️ Ce phénomène fait parler bien au-delà du décor… Le Deguisement Halloween Couple Qui Fait Plus D’Effet Que 90% Des Tenues Ce Soir-Là Point clé : opter pour un déguisement couple qui combine surprise visuelle et mise en scène garantit un effet spectaculaire dès l’entrée à la soirée Halloween. Voici des idées actionnables, un fil conducteur illustré par un duo fictif et des… Assemblage final : comment combiner vêtements et accessoires pour un look pro La troisième action consiste à superposer et équilibrer les textures pour obtenir un style cohérent : par exemple, une jupe plissée + pull oversize + collants opaques = witchy-chic immédiat. Penser contraste : doux contre brut, sombre contre métallique. Idées de costumes faciles à réaliser en couple ou solo
- Finitions express : ongles, patchs et strass pour sceller le style
Obtenir une tenue Halloween canon avec seulement ce que l’on a déjà est possible en 3 actions concrètes : inventorier, transformer, assembler. Cette méthode permet d’économiser, d’affirmer son style et de créer un déguisement unique sans courir les magasins. Passez à l’action dès maintenant : lisez la première étape et sortez vos vêtements du placard 🎃.
Tenue Halloween canon avec ce que vous avez déjà : commencer par l’inventaire
La première action consiste à rassembler et trier tout ce qui peut servir : manteaux, robes noires, chemises blanches, bijoux, chaussures et ceintures. Regardez chaque pièce en se demandant comment la transformer (découper, superposer, teindre, accessoiriser) pour évoquer un personnage précis.
Inventorier et recycler ses vêtements pour un déguisement express
Commencer par poser tout sur le lit et prendre des photos pour comparer les options visuellement, comme le ferait un styliste en moodboard. L’exemple de Lola montre que trois pièces (une robe noire, une veste en jean et des collants déchirés) se combinent en une tenue de sorcière moderne en 10 minutes.
Pour trouver l’inspiration immédiatement, consulter des idées de déguisement Halloween permet d’adapter un concept à son dressing. Insight : un bon inventaire réduit le temps de préparation et augmente la créativité.
La Décoration Noel Fait Main Qu’On Garde D’Une Année Sur L’Autre Tellement C’Est Beau
Gardez vos décorations de Noël faites main d’une année sur l’autre : choisissez des matériaux durables, assemblez-les pour être réparables et créez un rituel de rangement. Ces trois gestes simples garantissent que chaque pièce devienne un souvenir à ressortir saison…
À lire Ce Costume Halloween Duo Vole La Vedette À Toutes Les Soirées Sans Coûter Cher
Ce Costume Halloween Duo Vole La Vedette À Toutes Les Soirées Sans Coûter Cher
Ce costume Halloween duo vole la vedette parce qu’il combine un concept visuel fort, des accessoires récupérés et un maquillage express — le tout pour un costume pas cher et adaptable à toute soirée Halloween. Commencer par une idée claire…
Cette Idee Outfit Hiver Change Tout : Personne Ne La Connaît Pourtant Encore
Point clé : adopter une idée outfit simple mais inédite — accessoiriser le col (cravate, broche, écharpe nouée) — transforme instantanément une tenue hiver en tenue stylée et garantit un look chaud sans surépaisseur. 🎯 Pourquoi ? Parce que le…
DIY costume Halloween : transformer accessoires et maquillage
La deuxième action cible accessoires et maquillage pour donner du caractère à la tenue. Quelques éléments faciles à réaliser (un collier retravaillé, des strass sur le visage, un patch personnalisé) transforment instantanément un look simple en costume mémorable ✨.
Techniques rapides : customiser bijoux, ceintures et chaussures
Utiliser une pince pour enlever ou ajouter des chaînes, coudre un patch ou coller des strass adhésifs sur une veste donne un rendu pro sans matériel compliqué. Une anecdote : Milo a transformé une paire de bottines en look punk en 7 minutes avec des clous et de la peinture textile, et a reçu plusieurs compliments.
Pour les finitions maquillage rapides, suivre un tutoriel de maquillage Halloween 15 minutes permet d’être prêt vite, tout en restant impactant. Insight : les détails accessoires font 60% de l’effet costume.
À lire Ce Bricolage Halloween Facile Remplace Vos Décos Achetées En Magasin Sans Effort
Quizz : Composer une tenue Halloween canon avec ce que vous avez déjà
Testez vos idées et recevez des conseils pratiques pour transformer votre garde-robe en tenue Halloween impactante — sans rien acheter.
Une Idee Deguisement Halloween Femme Ultra Simple Qui Bat Toutes Les Tenues Chères
Déguisement Halloween femme ultra simple: une idée qui bat toutes les tenues chères en moins de 20 minutes, sans couture et avec des éléments déjà chez soi 🎃. Ce guide donne des actions précises, un fil conducteur incarné par Léa…
Pourquoi Cet Ongle Octobre Rose Engagé Fait Parler Bien Au-Delà De La Manucure
Un ongle Octobre Rose engagé transforme une simple manucure en un acte de sensibilisation et de solidarité grâce à un design stratégique, un récit partagé et un mécanisme de don clair. 🎗️ Ce phénomène fait parler bien au-delà du décor…
Le Deguisement Halloween Couple Qui Fait Plus D’Effet Que 90% Des Tenues Ce Soir-Là
À lire Canons à Confettis Halloween Manuels
Point clé : opter pour un déguisement couple qui combine surprise visuelle et mise en scène garantit un effet spectaculaire dès l’entrée à la soirée Halloween. Voici des idées actionnables, un fil conducteur illustré par un duo fictif et des…
Assemblage final : comment combiner vêtements et accessoires pour un look pro
La troisième action consiste à superposer et équilibrer les textures pour obtenir un style cohérent : par exemple, une jupe plissée + pull oversize + collants opaques = witchy-chic immédiat. Penser contraste : doux contre brut, sombre contre métallique.
Idées de costumes faciles à réaliser en couple ou solo
Adapter une tenue en duo est simple en coordonnant couleurs et accessoires, comme deux tenues noires avec un détail assorti (foulard, maquillage) pour un effet « couple » convaincant. Pour des options prêtes à l’idée, explorer costume Halloween duo pas cher ou déguisement Halloween duo inspire des adaptations rapides.
Exemple : deux t-shirts larges, des vestes contrastées et un maquillage coordonné créent un duo reconnaissable sans achat. Insight : harmoniser un seul élément (couleur ou motif) suffit pour lier deux looks.
Finitions express : ongles, patchs et strass pour sceller le style
Les dernières minutes doivent être consacrées aux détails : poser des strass adhésifs sur les tempes, coller un patch sur une veste, ou faire un nail-art simple pour renforcer l’identité du costume. Un petit geste (strass, faux sang, ongles thématiques) multiplie l’impact visuel 👁️.
Pour des idées rapides, consulter strass adhésifs Halloween, ongle Halloween nail artists et le patch ghost face pour un coup d’effet instantané. Insight final : les accessoires miniatures créent la différence entre « sympa » et « canon ».
Prêt à transformer votre placard en atelier créatif ? Sortez trois pièces clés, choisissez une technique DIY, appliquez un détail maquillage et partez conquérir la soirée avec un costume 100% personnalisé et économique. 🎃💄✨
À lire Photophores Halloween Verre Coloré
Cette Recette Butternut Va Réconcilier Vos Enfants Avec Cette Courge Mal-Aimée
Cette recette de butternut transforme la courge mal-aimée en un plat savoureux que les enfants réclameront. Suivre les étapes simples ci‑dessous permet d’obtenir une texture fondante, un goût légèrement sucré et des arômes doux qui rassurent les palais les plus…
L’Automne Maternelle : 5 Activités Que Les Maîtresses Se Transmettent Entre Elles
Prêt à accueillir l’automne en maternelle avec 5 activités claires, testées et faciles à transmettre entre maîtresses : chaque proposition indique le matériel, la durée, l’adaptation PS/MS/GS et une astuce inclusive pour que l’activité fonctionne dès la première séance. Ces…