Quizz : connais tu vraiment la ville de Bordeaux ?

Bordeaux, ce n’est pas seulement le vin, les Girondins, l'UBB et les quais…C’est une ville chargée d’histoire, de lieux emblématiques, de quartiers qui bougent et d’anecdotes que l’on oublie parfois. 👉 Que tu sois Bordelais de naissance, nouvel arrivant ou simplement curieux, ce quiz est fait pour toi. 20 questions simples et ludiques pour tester tes connaissances sur la ville, sans prise de tête. 🎯 Objectif : s’amuser, apprendre et (re)découvrir Bordeaux.Alors… prêt à jouer ? Quiz : Connais-tu vraiment Bordeaux ? Progression : 0/20 Score : 0/20 Réinitialiser .bb-quiz{max-width:900px;margin:0 auto;padding:18px;border:1px solid #e6e6e6;border-radius:14px} .bb-quiz__header h2{margin:0 0 10px 0;font-size:22px} .bb-quiz__stats{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:#333} .bb-q{border:1px solid #eee;border-radius:12px;padding:14px;margin:14px 0} .bb-q__title{font-weight:700;margin:0 0 10px 0} .bb-option{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:10px;cursor:pointer} .bb-option:hover{background:#fafafa} .bb-option input{margin-top:3px} .bb-feedback{margin-top:10px;font-weight:700} .bb-ok{color:#118a00} .bb-bad{color:#b00020} .bb-explain{margin-top:6px;font-size:13px;color:#444;line-height:1.4} .bb-answer{font-size:13px;color:#333;margin-top:6px} .bb-quiz__footer{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-top:18px} #bb-reset{padding:10px 14px;border-radius:12px;border:1px solid #ddd;background:#fff;cursor:pointer} #bb-reset:hover{background:#f7f7f7} .bb-final{font-size:15px} .bb-badge{display:inline-block;margin-top:8px;padding:6px 10px;border-radius:999px;border:1px solid #ddd} (function(){ const questions = [ { q: "Quel fleuve traverse la ville de Bordeaux ?", options: ["La Loire","La Garonne","La Dordogne","L’Adour"], answer: 1, explanation: "Bordeaux est traversée par la Garonne, qui forme le célèbre Port de la Lune, classé à l’UNESCO." }, { q: "Pourquoi Bordeaux est-elle surnommée le \"Port de la Lune\" ?", options: ["À cause de la lune","À cause de la forme du fleuve","À cause d’un ancien port spatial","À cause d’un ancien quartier"], answer: 1, explanation: "La Garonne forme un large méandre en forme de croissant, rappelant une lune." }, { q: "Quel élément bordelais est classé au patrimoine mondial de l’UNESCO ?", options: ["La Grosse Cloche","Le Pont de Pierre","Le Port de la Lune","La Cité du Vin"], answer: 2, explanation: "C’est l’ensemble urbain du Port de la Lune (les quais et le centre historique) qui est inscrit à l’UNESCO." }, { q: "Quel vin n’est PAS produit dans le vignoble bordelais ?", options: ["Médoc","Saint-Émilion","Sancerre","Graves"], answer: 2, explanation: "Le Sancerre est un vin de la vallée de la Loire, pas de Bordeaux." }, { q: "Quelle place emblématique accueille le Miroir d’eau ?", options: ["Place Gambetta","Place de la Victoire","Place de la Bourse","Place Pey-Berland"], answer: 2, explanation: "Le Miroir d’eau se situe place de la Bourse, face à la Garonne." }, { q: "Quel maire a marqué Bordeaux pendant plus de 40 ans au XXe siècle ?", options: ["Alain Juppé","Jacques Chaban-Delmas","Nicolas Florian","Philippe Madrelle"], answer: 1, explanation: "Jacques Chaban-Delmas a été maire de Bordeaux de 1947 à 1995." }, { q: "Quel équipement culturel est dédié au vin à Bordeaux ?", options: ["CAPC","Cité du Vin","Grand Théâtre","Darwin"], answer: 1, explanation: "La Cité du Vin est un musée et un lieu culturel consacré au vin et à ses civilisations." }, { q: "Quel pont est le plus ancien de Bordeaux ?", options: ["Pont Chaban-Delmas","Pont d’Aquitaine","Pont de Pierre","Pont Simone-Veil"], answer: 2, explanation: "Le Pont de Pierre a été construit sous Napoléon Ier au début du XIXe siècle." }, { q: "Quel lieu est connu pour son esprit alternatif et éco-responsable ?", options: ["Les Chartrons","Saint-Michel","Darwin","Caudéran"], answer: 2, explanation: "Darwin est un ancien site militaire reconverti en lieu alternatif, culturel et écologique." }, { q: "Quel club sportif est emblématique de Bordeaux ?", options: ["OM","Girondins de Bordeaux","Stade Toulousain","PSG"], answer: 1, explanation: "Les Girondins de Bordeaux sont le club historique de football de la ville." }, { q: "Quel quartier est historiquement lié au commerce du vin ?", options: ["La Bastide","Les Chartrons","Bacalan","Saint-Augustin"], answer: 1, explanation: "Les Chartrons étaient le quartier des négociants en vin, notamment anglais et hollandais." }, { q: "Quel bâtiment accueille l’Opéra national de Bordeaux ?", options: ["CAPC","Grand Théâtre","Arkéa Arena","Palais Rohan"], answer: 1, explanation: "Le Grand Théâtre de Bordeaux est l’un des plus beaux théâtres du XVIIIe siècle." }, { q: "Quel événement attire chaque année des milliers de visiteurs autour du vin ?", options: ["Bordeaux Fête le Vin","Vinexpo","La Foire de Bordeaux","Les Epicuriales"], answer: 0, explanation: "Bordeaux Fête le Vin est un événement populaire organisé sur les quais (périodique/selon éditions)." }, { q: "Quel moyen de transport structure la métropole bordelaise ?", options: ["Le métro","Le tramway","Le téléphérique","Le RER"], answer: 1, explanation: "Le tramway est au cœur des déplacements urbains à Bordeaux et dans la métropole." }, { q: "Quel quartier est situé sur la rive droite de la Garonne ?", options: ["Les Chartrons","La Bastide","Caudéran","Saint-Seurin"], answer: 1, explanation: "La Bastide est un quartier majeur sur la rive droite." }, { q: "Quel site bordelais est un musée d’art contemporain ?", options: ["CAPC","Cité du Vin","Base sous-marine","Palais Gallien"], answer: 0, explanation: "Le CAPC est le Musée d’art contemporain de Bordeaux." }, { q: "Quelle ancienne structure militaire a été reconvertie en lieu culturel ?", options: ["Pont d’Aquitaine","Base sous-marine","Palais Rohan","Tour Pey-Berland"], answer: 1, explanation: "La Base sous-marine accueille aujourd’hui des expositions et événements culturels." }, { q: "Quel surnom est souvent donné à Bordeaux pour son architecture ?", options: ["La ville rose","La perle d’Aquitaine","La ville lumière","La belle endormie"], answer: 3, explanation: "Bordeaux est surnommée la Belle Endormie, en référence à son passé avant sa rénovation." }, { q: "Quel espace vert est le plus grand parc de Bordeaux ?", options: ["Jardin Public","Parc Bordelais","Parc Rivière","Square Vinet"], answer: 1, explanation: "Le Parc Bordelais est l’un des plus vastes espaces verts de la ville." }, { q: "Quel fleuron économique récent est souvent associé à l’image moderne de Bordeaux ?", options: ["Le numérique et les start-ups","La sidérurgie","Le textile","L’industrie minière"], answer: 0, explanation: "Bordeaux s’est développée dans le numérique, l’innovation et l’entrepreneuriat." } ]; const root = document.getElementById("quiz-bordeaux"); const container = document.getElementById("bb-quiz-container"); const progressEl = document.getElementById("bb-progress"); const scoreEl = document.getElementById("bb-score-live"); const finalEl = document.getElementById("bb-final"); const resetBtn = document.getElementById("bb-reset"); if(!root || !container) return; const state = { answers: {} }; function computeScore(){ const total = questions.length; let correct = 0; for(let i=0;i= 90) return { label: "Expert bordelais 🏆", tip: "Tu connais Bordeaux sur le bout des doigts." }; if(pct >= 75) return { label: "Très bon niveau ✅", tip: "Solide culture générale + repères historiques." }; if(pct >= 60) return { label: "Bon niveau 👍", tip: "Tu connais l’essentiel, quelques trous à combler." }; if(pct >= 40) return { label: "Niveau intermédiaire", tip: "Tu as des bases, mais Bordeaux te réserve encore des surprises." }; return { label: "Début de parcours", tip: "Refais le quiz après une balade (et 2-3 anecdotes) !" }; } function render(){ container.innerHTML = ""; questions.forEach((q, qi) => { const card = document.createElement("div"); card.className = "bb-q"; const title = document.createElement("p"); title.className = "bb-q__title"; title.textContent = (qi + 1) + ". " + q.q; card.appendChild(title); const userAnswer = state.answers[qi]; q.options.forEach((opt, oi) => { const label = document.createElement("label"); label.className = "bb-option"; const input = document.createElement("input"); input.type = "radio"; input.name = "q_" + qi; input.checked = (userAnswer === oi); input.addEventListener("change", () => { state.answers[qi] = oi; updateStats(); updateQuestionFeedback(qi); updateFinal(); }); const span = document.createElement("span"); span.textContent = opt; label.appendChild(input); label.appendChild(span); card.appendChild(label); }); const feedback = document.createElement("div"); feedback.id = "bb-feedback-" + qi; card.appendChild(feedback); container.appendChild(card); // Render feedback if already answered (useful after reset? / navigation) if(userAnswer !== undefined) updateQuestionFeedback(qi); }); updateStats(); updateFinal(); } function updateQuestionFeedback(qi){ const q = questions[qi]; const feedback = document.getElementById("bb-feedback-" + qi); if(!feedback) return; const userAnswer = state.answers[qi]; feedback.innerHTML = ""; if(userAnswer === undefined) return; const isCorrect = userAnswer === q.answer; const p = document.createElement("p"); p.className = "bb-feedback " + (isCorrect ? "bb-ok" : "bb-bad"); p.textContent = isCorrect ? "✅ Bonne réponse" : "❌ Mauvaise réponse"; feedback.appendChild(p); if(!isCorrect){ const ans = document.createElement("div"); ans.className = "bb-answer"; ans.innerHTML = "Bonne réponse : " + q.options[q.answer] + ""; feedback.appendChild(ans); const exp = document.createElement("div"); exp.className = "bb-explain"; exp.textContent = "📘 " + q.explanation; feedback.appendChild(exp); } } function updateStats(){ const { total, correct, answered } = computeScore(); progressEl.textContent = "Progression : " + answered + "/" + total; scoreEl.textContent = "Score : " + correct + "/" + total; } function updateFinal(){ const { total, correct, answered } = computeScore(); finalEl.innerHTML = ""; if(answered < total){ finalEl.textContent = "Réponds à toutes les questions pour voir ton score final."; return; } const pct = Math.round((correct / total) * 100); const badge = levelBadge(pct); const line1 = document.createElement("p"); line1.innerHTML = "Ton score : " + correct + " / " + total + " (" + pct + "%)"; finalEl.appendChild(line1); const line2 = document.createElement("div"); line2.className = "bb-badge"; line2.innerHTML = "" + badge.label + " — " + badge.tip; finalEl.appendChild(line2); } resetBtn.addEventListener("click", () => { state.answers = {}; render(); }); render(); })(); A lire aussi : Casting pour “Meurtres à Saint-Émilion” : comédiens et figurants recherchés près de Bordeaux