Afficher la table des matières Masquer la table des matières
- La recette libanaise authentique : l’essentiel à retenir
- Pourquoi le persil est le cœur du taboulé (et comment le hacher correctement)
- Le rôle du boulgour (ou blé concassé) et son hydratation maîtrisée
- Étapes précises pour un taboulé que vos grand-mères auraient approuvé
- Quizz : Taboulé — Recette libanaise authentique
- ${qObj.q}`; questionArea.appendChild(qHeader); // Options list (radiogroup) const list = document.createElement('div'); list.setAttribute('role', 'radiogroup'); list.setAttribute('aria-labelledby', 'q-title'); list.className = 'mt-2 grid gap-2'; qObj.choices.forEach(choice => { const id = `q${qObj.id}-choice-${choice.id}`; const option = document.createElement('button'); option.className = 'text-left p-3 border rounded-md hover:shadow-sm focus:outline-none focus:ring-2 focus:ring-emerald-300 bg-white'; option.setAttribute('role', 'radio'); option.setAttribute('aria-checked', 'false'); option.id = id; option.dataset.choiceId = choice.id; option.dataset.qId = qObj.id; option.tabIndex = 0; option.innerHTML = ` ${choice.text} Choisir `; // Si déjà sélectionné, marquer visuellement const selected = state.selections[qObj.id]; if (selected === choice.id) { option.classList.add('bg-emerald-50', 'border-emerald-300'); option.setAttribute('aria-checked', 'true'); } // Click handler option.addEventListener('click', () => { handleSelection(qObj.id, choice.id); }); // Keyboard: Entrée ou Espace pour sélectionner option.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); handleSelection(qObj.id, choice.id); } }); list.appendChild(option); }); questionArea.appendChild(list); // Si déjà répondu (quiz terminé pour cette question), afficher explication if (state.finished && state.selections[qObj.id]) { const chosen = state.selections[qObj.id]; showExplanationInline(qObj, chosen); } else { // Placeholder pour explication dynamique const expl = document.createElement('div'); expl.id = 'explanation-placeholder'; questionArea.appendChild(expl); } // Mise à jour des boutons prevBtn.disabled = state.currentIndex === 0; prevBtn.setAttribute('aria-disabled', prevBtn.disabled ? 'true' : 'false'); // Si dernière question, montrer le bouton "Soumettre" if (state.currentIndex === QUESTIONS.length - 1) { nextBtn.classList.add('hidden'); submitBtn.classList.remove('hidden'); } else { nextBtn.classList.remove('hidden'); submitBtn.classList.add('hidden'); } updateProgress(); updateMiniScore(); // Donner le focus sur la première option pour accessibilité const firstOption = questionArea.querySelector('[role="radio"]'); if (firstOption) firstOption.focus(); } /* Gérer la sélection d'une option */ function handleSelection(qId, choiceId) { // Enregistrer la sélection state.selections[qId] = choiceId; // Si le quiz est déjà terminé, ne pas recalculer le score global ici, // mais afficher la bonne/mauvaise réponse et l'explication. if (state.finished) { const qObj = QUESTIONS.find(q => q.id === qId); showExplanationInline(qObj, choiceId); renderQuestion(); // rafraîchir pour marquer visuellement return; } // Sinon, just mark visually in the UI // Démarquer toutes les options de cette question const buttons = questionArea.querySelectorAll(`[data-q-id="${qId}"]`); buttons.forEach(btn => { btn.classList.remove('bg-emerald-50', 'border-emerald-300'); btn.setAttribute('aria-checked', 'false'); }); // Marquer la sélection const selectedBtn = questionArea.querySelector(`[data-q-id="${qId}"][data-choice-id="${choiceId}"]`); if (selectedBtn) { selectedBtn.classList.add('bg-emerald-50', 'border-emerald-300'); selectedBtn.setAttribute('aria-checked', 'true'); } } /* Affiche l'explication sous forme inline (après réponse) */ function showExplanationInline(qObj, chosenId) { const placeholder = document.getElementById('explanation-placeholder'); if (!placeholder) return; const correct = qObj.answerId === chosenId; placeholder.innerHTML = ` ${correct ? 'Bonne réponse' : 'Mauvaise réponse'} ${qObj.explanation} `; } /* Soumettre le quiz et calculer le score */ function submitQuiz() { // Calculer le score let score = 0; QUESTIONS.forEach(q => { if (state.selections[q.id] && state.selections[q.id] === q.answerId) score++; }); state.score = score; state.finished = true; // Afficher rétroaction/question par question renderQuestion(); // mettra à jour la question courante avec explication // Afficher résultats globaux showResults(); } /* Affiche les résultats finaux */ function showResults() { resultArea.classList.remove('hidden'); resultArea.innerHTML = ''; const header = document.createElement('div'); header.className = 'flex items-start justify-between'; header.innerHTML = ` ${FR_STRINGS.finalMessage(state.score, QUESTIONS.length)} ${state.score === QUESTIONS.length ? FR_STRINGS.perfect : state.score >= Math.ceil(QUESTIONS.length*0.6) ? FR_STRINGS.good : FR_STRINGS.tryAgain} `; // Détails : liste des questions et si correct const details = document.createElement('div'); details.className = 'mt-3 space-y-2 text-sm'; QUESTIONS.forEach(q => { const chosen = state.selections[q.id]; const correct = chosen === q.answerId; const item = document.createElement('div'); item.className = 'p-2 rounded border ' + (correct ? 'border-green-100 bg-green-50' : 'border-red-100 bg-red-50'); item.innerHTML = `${q.q} Votre réponse : ${chosen ? q.choices.find(c=>c.id===chosen).text : '—'} Explication : ${q.explanation}`; details.appendChild(item); }); // Bouton pour copier le résultat sommaire const copyBtn = document.createElement('button'); copyBtn.className = 'mt-3 px-3 py-2 rounded bg-emerald-600 text-white hover:bg-emerald-700'; copyBtn.textContent = FR_STRINGS.copyResult; copyBtn.addEventListener('click', async () => { const summary = `${FR_STRINGS.finalMessage(state.score, QUESTIONS.length)}n${QUESTIONS.map((q,i)=>`${i+1}. ${q.q} — Votre réponse: ${state.selections[q.id]||'—'}`).join('n')}`; try { await navigator.clipboard.writeText(summary); copyBtn.textContent = FR_STRINGS.copied; setTimeout(()=> copyBtn.textContent = FR_STRINGS.copyResult, 2000); } catch (e) { alert('Impossible de copier : ' + e.message); } }); // Bouton recommencer restartBtn.classList.remove('hidden'); resultArea.appendChild(header); resultArea.appendChild(details); resultArea.appendChild(copyBtn); // Masquer les boutons de navigation pour éviter modifications prevBtn.disabled = true; nextBtn.disabled = true; submitBtn.disabled = true; } /* Redémarrer le quiz */ function restartQuiz() { state = { currentIndex: 0, selections: {}, score: 0, finished: false }; resultArea.classList.add('hidden'); restartBtn.classList.add('hidden'); prevBtn.disabled = false; nextBtn.disabled = false; submitBtn.disabled = false; updateProgress(); renderQuestion(); } /* ---------- Navigation ---------- */ prevBtn.addEventListener('click', () => { if (state.currentIndex === 0) return; state.currentIndex--; renderQuestion(); }); nextBtn.addEventListener('click', () => { if (state.currentIndex < QUESTIONS.length - 1) { state.currentIndex++; renderQuestion(); } }); submitBtn.addEventListener('click', () => { // Vérifier si toutes les questions ont une réponse const answered = Object.keys(state.selections).length; if (answered < QUESTIONS.length) { if (!confirm(`Vous n'avez répondu qu'à ${answered} / ${QUESTIONS.length}. Souhaitez-vous tout de même soumettre ?`)) { return; } } submitQuiz(); }); restartBtn.addEventListener('click', () => { restartQuiz(); }); /* Support clavier global : flèches et entrée */ document.addEventListener('keydown', (e) => { // Ignorer si focus dans un champ de texte (pas présent ici, mais pour sécurité) const active = document.activeElement; if (active && (active.tagName === 'INPUT' || active.tagName === 'TEXTAREA')) return; if (e.key === 'ArrowLeft') { prevBtn.click(); } else if (e.key === 'ArrowRight') { nextBtn.click(); } else if (e.key === 'Enter') { // Si focus dans une option, activer son click if (active && active.getAttribute && active.getAttribute('role') === 'radio') { active.click(); } else { // Sinon, si sur le dernier écran et submit visible, déclencher submission if (!submitBtn.classList.contains('hidden')) submitBtn.click(); } } }); /* ---------- Initial Render ---------- */ updateProgress(); renderQuestion(); updateMiniScore(); /* ---------- Notes et suggestions d'extension ---------- - Vous pouvez charger dynamiquement des explications ou recettes via une API publique (ex: TheMealDB) si vous voulez enrichir chaque question. L'API utilisée doit être gratuite. - Toutes les chaînes se trouvent dans FR_STRINGS pour faciliter la traduction. - Le quiz n'utilise pas de stockage externe par défaut ; on peut ajouter localStorage si souhaité. ------------------------------------------------------------------ */ Pièges courants à éviter pour un résultat authentique 🎯
- Présentation et accords : servir le taboulé dans un vrai mezzé
Maîtrisez la vraie recette du taboulé libanais : une salade à 90% de persil, quelques grains de blé concassé et beaucoup de citron pour une fraîcheur incomparable — voici comment reproduire chez soi la recette libanaise authentique que vos grand-mères gardaient précieusement. 🍋🌿
La recette libanaise authentique : l’essentiel à retenir
Point principal : le taboulé est avant tout une salade d’herbes, pas de céréales — le boulgour (ou blé concassé) est un condiment, pas la vedette. Expliquer pourquoi : dans la cuisine traditionnelle du Liban, on utilise beaucoup de persil et de menthe, coupés main, pour obtenir une texture croquante et parfumée.
Détails pratiques : pour une version testée et précise, se référer à une vraie recette du taboulé libanais qui insiste sur les proportions d’herbes et la réhydratation du boulgour. Insight final : respecter l’équilibre herbes/boulgour transforme une salade quelconque en un taboulé authentique.
Pourquoi le persil est le cœur du taboulé (et comment le hacher correctement)
Point principal : la quantité et la coupe du persil définissent l’âme du plat — utilisez trois à quatre grosses bottes pour une recette familiale. 🌿
Pourquoi : le persil plat est plus aromatique que le frisé, et le hachage au couteau préserve son jus et sa mâche; évitez le robot qui broie et rend amer. Méthode : laver, sécher, retirer les grosses tiges, regrouper les feuilles et ciseler avec un couteau bien affûté en mouvements de balancier. Insight : une coupe nette garantit une explosion de fraîcheur en bouche.
Le rôle du boulgour (ou blé concassé) et son hydratation maîtrisée
Point principal : le boulgour fin ne se cuit pas à l’eau bouillante, il s’hydrate doucement avec du jus de citron et le jus des tomates pour rester ferme et goûteux. 💧
À lire La Pissaladiere Recette Niçoise Authentique Qui Va Vous Transporter Direct En Provence
Mise en pratique : rincer très rapidement le boulgour, le placer dans un saladier et l’arroser du jus de citron fraîchement pressé plus un peu du jus rendu par les tomates en dés; laisser gonfler 10–15 minutes. Pour un rappel de technique traditionnelle, consulter une version éprouvée du taboulé libanais traditionnel. Insight : moins d’eau = plus de croquant.
Bacon croustillant sans le désordre sur la cuisinière
Bacon croustillant obtenu sans éclaboussures ni nettoyage long : enfourner des tranches en une seule couche sur une plaque garnie de papier sulfurisé à 200°C (≈400°F) donne un résultat uniforme et rapide. ✅ Cette méthode garantit une cuisson sans désordre…
Le glaçage qui sublime tous vos desserts
Le glaçage qui sublime tous vos desserts transforme instantanément l’aspect et le goût : il apporte de la brillance, de la douceur et une texture crémeuse qui met en valeur chaque bouchée. 💫 Utiliser un glaçage adapté change une pâtisserie…
Le glaçage magique qui sublime tous vos desserts
Résumé : Obtenir un glaçage magique qui sublime tous vos desserts est possible en quelques gestes précis : maîtriser la texture, choisir la bonne température et appliquer une finition cohérente avec la décoration. Cette méthode transforme cupcakes, cakes et biscuits…
À lire Ce Taboulet Libanais Authentique Va Ruiner Toutes Les Versions Industrielles Pour Toujours
Étapes précises pour un taboulé que vos grand-mères auraient approuvé
Point principal : suivre l’ordre des opérations garantit une texture parfaite — boulgour d’abord, hachage des herbes ensuite, puis assemblage et assaisonnement au dernier moment. ✅
Procédé clair : préparer le boulgour comme indiqué, laver et bien sécher le persil et la menthe, couper l’oignon très fin et tailler les tomates en brunoise en retirant graines et cœur pour éviter d’humidifier. Assaisonner avec une huile d’olive vierge extra et du jus de citron, saler, poivrer et mélanger juste avant de servir. Insight : préparer en maximum une heure pour garder le croquant des herbes.
Quizz : Taboulé — Recette libanaise authentique
Testez vos connaissances et découvrez des astuces de grand-mère !
Pièges courants à éviter pour un résultat authentique 🎯
Point principal : éviter l’excès d’eau, le repos prolongé et l’usage d’une semoule à la place du boulgour sont les erreurs les plus fréquentes. ⚠️
Explication : bien essorer les herbes après lavage, épépiner les tomates et ne pas cuire la semoule; une huile d’olive de qualité complète sans masquer les arômes. Pour des conseils de service estivaux et d’accompagnements, inspirer la présentation avec des idées d’accompagnement pour barbecue ou préparer le taboulé pour l’extérieur en suivant un guide pour organiser un pique-nique parfait. Insight : maîtriser ces erreurs donne un taboulé net, parfumé et léger.
Salade de pâtes César onctueuse : le choix parfait pour des dîners d’été faciles
Résultat principal : Réaliser une salade de pâtes César onctueuse, facile et prête en environ 30 minutes transforme instantanément les dîners d’été en moments savoureux et légers 🍋. Cette version combine pâtes froides, une sauce crémeuse maison et des textures…
À lire Cette Salade Grecque Feta Authentique Va Vous Transporter Direct À Santorin En Une Bouchée
Délice glacé : le sundae façon cake à la banane
Sundae façon cake à la banane : le bénéfice essentiel et comment le réaliser dès maintenant 🍌🍨 Point principal : préparer un délice glacé immédiat en associant une tranche de cake à la banane poêlée et une boule de glace…
Cette salade de chou kale : fraîcheur croquante et éclat de saveurs
Cette salade de chou kale offre immédiatement une fraîcheur et un croquant qui réveillent l’assiette : parfaite pour un déjeuner sain et savoureux. Elle combine légumes crus, fruits séchés et graines, liés par une vinaigrette citronnée pour des saveurs équilibrées…
Présentation et accords : servir le taboulé dans un vrai mezzé
Point principal : servir le taboulé en mezzé avec des feuilles de laitue pour le croquant et des classiques comme le houmous et le baba ghanouj valorise sa fraîcheur. 🥗
Comment faire : disposer le taboulé au centre d’un plateau, entouré de petites portions de purées et de brochettes grillées; il tranche merveilleusement avec des viandes fumées et des légumes rôtis. Pour des idées d’accompagnement et d’événements estivaux, consulter des inspirations de recettes estivales pour soirées sur recettes estivales et soirées. Insight : la présentation révèle l’histoire du plat et invite au partage.
Dernière impulsion : sortir le couteau, presser des citrons et oser préparer le taboulé aujourd’hui — la technique est simple, la patience pour le hachage est la clé, et la récompense est une salade fidèle à la cuisine traditionnelle que vos grand-mères auraient cachée par envie de garder le secret. 🌟
À lire Ces Tomates Provencales Gratinées Vont Devenir Votre Accompagnement Préféré De L’Été
Plan de Repas Hebdomadaire du 15 Juin 2026 : Idées Gourmandes et Équilibrées
Gagnez du temps et mangez mieux cette semaine : un plan de repas hebdomadaire conçu pour la semaine du 15 juin 2026 permet d’allier plaisir, repas équilibrés et organisation repas efficace. ✅ Ce guide propose des actions précises à réaliser…
La salade d’été fraîche et savoureuse : la recette incontournable
Faites de cette salade d’été votre alliée fraîcheur : rapide, healthy et incroyablement savoureuse, elle se prépare en 15 minutes pour 4 personnes et transforme les légumes frais d’été en un plat délicieux. Cette recette met l’accent sur la qualité…
