Quiz : es-tu incollable en géographie des villes du Sud-Ouest ?

Bordeaux, Toulouse, Biarritz, La Rochelle, Pau ou encore Saint-Émilion… Le Sud-Ouest regorge de villes emblématiques entre océan Atlantique, vignobles, Pyrénées et grandes métropoles. Mais connaissez-vous vraiment leur localisation et leurs particularités géographiques ? Testez vos connaissances avec ce quiz de 15 questions consacré aux villes du Sud-Ouest et découvrez si vous êtes incollable sur la géographie de cette région. Quiz : connaissez-vous la géographie des villes du Sud-Ouest ? 15 questions pour tester vos connaissances sur Bordeaux, Toulouse, Pau, Bayonne, La Rochelle, Biarritz et bien d’autres. Progression : 0 / 15 Score en direct : 0 Voir mon résultat Rejouer (function () { const questions = [ { question: "Quelle ville est la préfecture de la Gironde ?", correct: "Bordeaux", options: ["Bordeaux", "Pau", "Bayonne", "Périgueux"] }, { question: "Dans quel département se trouve La Rochelle ?", correct: "Charente-Maritime", options: ["Charente-Maritime", "Gironde", "Landes", "Lot-et-Garonne"] }, { question: "Quelle ville est traversée par la Garonne et surnommée la Ville rose ?", correct: "Toulouse", options: ["Toulouse", "Agen", "Biarritz", "Angoulême"] }, { question: "Quelle ville du Pays basque est située au sud immédiat de Bayonne ?", correct: "Biarritz", options: ["Biarritz", "Dax", "Pau", "Mimizan"] }, { question: "Quelle ville est célèbre pour ses tours et son vieux port sur l’Atlantique ?", correct: "La Rochelle", options: ["La Rochelle", "Brive-la-Gaillarde", "Libourne", "Bergerac"] }, { question: "Dans quelle ville se trouve la place de la Bourse ?", correct: "Bordeaux", options: ["Bordeaux", "Toulouse", "Pau", "Arcachon"] }, { question: "Quelle ville du Sud-Ouest se situe au pied des Pyrénées et possède le boulevard des Pyrénées ?", correct: "Pau", options: ["Pau", "Royan", "Langon", "Cognac"] }, { question: "Quelle ville est voisine de la dune du Pilat ?", correct: "Arcachon", options: ["Arcachon", "Mont-de-Marsan", "Saintes", "Marmande"] }, { question: "Quelle ville se trouve sur l’estuaire de la Gironde, au nord de Bordeaux ?", correct: "Blaye", options: ["Blaye", "Biscarrosse", "Périgueux", "Dax"] }, { question: "Dans quelle ville se trouve l’aéroport Biarritz Pays basque ?", correct: "Anglet", options: ["Anglet", "Hendaye", "Saint-Jean-de-Luz", "Capbreton"] }, { question: "Quelle ville est connue pour son festival international de la bande dessinée ?", correct: "Angoulême", options: ["Angoulême", "Bergerac", "Mimizan", "Libourne"] }, { question: "Quelle ville est la préfecture des Landes ?", correct: "Mont-de-Marsan", options: ["Mont-de-Marsan", "Dax", "Biscarrosse", "Hossegor"] }, { question: "Quelle ville du Lot-et-Garonne est traversée par la Garonne ?", correct: "Agen", options: ["Agen", "Bayonne", "Pau", "Saint-Jean-de-Luz"] }, { question: "Quelle ville est située à la frontière espagnole sur la côte basque ?", correct: "Hendaye", options: ["Hendaye", "Royan", "Dax", "Cahors"] }, { question: "Quelle ville girondine est mondialement connue pour ses vins et son patrimoine médiéval ?", correct: "Saint-Émilion", options: ["Saint-Émilion", "Mimizan", "Soustons", "Rochefort"] } ]; const quizContainer = document.getElementById("quiz-container"); const submitBtn = document.getElementById("submitQuiz"); const retryBtn = document.getElementById("retryQuiz"); const resultBox = document.getElementById("quiz-result"); const progressText = document.getElementById("quiz-progress-text"); const liveScore = document.getElementById("quiz-live-score"); const progressBar = document.getElementById("quiz-progress-bar"); function shuffle(array) { const arr = [...array]; 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; } function updateProgress() { const checked = document.querySelectorAll('#quiz-container input[type="radio"]:checked'); progressText.textContent = checked.length + " / " + questions.length; progressBar.style.width = ((checked.length / questions.length) * 100) + "%"; let currentScore = 0; questions.forEach((q, index) => { const selected = document.querySelector('input[name="question-' + index + '"]:checked'); if (selected && selected.value === q.correct) { currentScore++; } }); liveScore.textContent = currentScore; } function renderQuiz() { quizContainer.innerHTML = ""; resultBox.style.display = "none"; resultBox.innerHTML = ""; retryBtn.style.display = "none"; questions.forEach((q, index) => { const shuffledOptions = shuffle(q.options); const block = document.createElement("div"); block.style.marginBottom = "24px"; block.style.padding = "20px"; block.style.border = "1px solid #e2e8f0"; block.style.borderRadius = "16px"; block.style.background = "#ffffff"; block.style.boxShadow = "0 3px 12px rgba(0,0,0,0.04)"; const title = document.createElement("h3"); title.innerHTML = (index + 1) + ". " + q.question; title.style.margin = "0 0 14px"; title.style.fontSize = "19px"; title.style.lineHeight = "1.4"; title.style.color = "#0f172a"; const answers = document.createElement("div"); answers.style.display = "grid"; answers.style.gap = "10px"; shuffledOptions.forEach(option => { const label = document.createElement("label"); label.style.display = "block"; label.style.padding = "12px 14px"; label.style.border = "1px solid #cbd5e1"; label.style.borderRadius = "12px"; label.style.cursor = "pointer"; label.style.background = "#f8fafc"; label.style.transition = "all 0.2s ease"; label.addEventListener("mouseenter", function () { label.style.background = "#eff6ff"; label.style.borderColor = "#93c5fd"; }); label.addEventListener("mouseleave", function () { const input = label.querySelector("input"); if (!input.checked) { label.style.background = "#f8fafc"; label.style.borderColor = "#cbd5e1"; } }); const input = document.createElement("input"); input.type = "radio"; input.name = "question-" + index; input.value = option; input.style.marginRight = "10px"; input.addEventListener("change", function () { document.querySelectorAll('input[name="question-' + index + '"]').forEach(radio => { const parent = radio.parentNode; parent.style.background = "#f8fafc"; parent.style.borderColor = "#cbd5e1"; }); label.style.background = "#dbeafe"; label.style.borderColor = "#2563eb"; updateProgress(); }); label.appendChild(input); label.appendChild(document.createTextNode(option)); answers.appendChild(label); }); const feedback = document.createElement("div"); feedback.id = "feedback-" + index; feedback.style.marginTop = "12px"; feedback.style.fontSize = "15px"; feedback.style.fontWeight = "bold"; feedback.style.lineHeight = "1.5"; block.appendChild(title); block.appendChild(answers); block.appendChild(feedback); quizContainer.appendChild(block); }); updateProgress(); } function checkQuiz() { let score = 0; questions.forEach((q, index) => { const selected = document.querySelector('input[name="question-' + index + '"]:checked'); const feedback = document.getElementById("feedback-" + index); if (selected) { if (selected.value === q.correct) { score++; feedback.innerHTML = "✅ Bonne réponse"; feedback.style.color = "#166534"; } else { feedback.innerHTML = "❌ Mauvaise réponse. La bonne réponse est : " + q.correct + ""; feedback.style.color = "#b91c1c"; } } else { feedback.innerHTML = "❌ Aucune réponse sélectionnée. La bonne réponse est : " + q.correct + ""; feedback.style.color = "#b91c1c"; } }); resultBox.style.display = "block"; resultBox.innerHTML = "Votre score final : " + score + " / " + questions.length; if (score === questions.length) { resultBox.innerHTML += "Bravo, vous maîtrisez parfaitement la géographie des villes du Sud-Ouest."; } else if (score >= 12) { resultBox.innerHTML += "Excellent score, vous connaissez très bien le territoire du Sud-Ouest."; } else if (score >= 8) { resultBox.innerHTML += "Bon score, vous avez déjà de solides bases sur la géographie du Sud-Ouest."; } else { resultBox.innerHTML += "Il reste encore quelques villes à réviser pour devenir incollable."; } retryBtn.style.display = "inline-block"; window.scrollTo({ top: resultBox.offsetTop - 100, behavior: "smooth" }); } submitBtn.addEventListener("click", checkQuiz); retryBtn.addEventListener("click", renderQuiz); renderQuiz(); })(); Alors, quel score avez-vous obtenu ? N’hésitez pas à partager ce quiz autour de vous et à défier vos amis pour voir qui connaît le mieux les villes du Sud-Ouest. A lire aussi : Quiz : connaissez-vous bien ces spécialités culinaires de la Nouvelle Aquitaine ?